ପୁନ o ଚାଳନ କରନ୍ତୁ |

ପୁନ o ବୁଟ୍, ଗୋଟିଏ ଫାଇଲରେ ଉପାଦାନ-ନିର୍ଦ୍ଦିଷ୍ଟ CSS ପରିବର୍ତ୍ତନଗୁଡ଼ିକର ଏକ ସଂଗ୍ରହ, ଏକ ସୁସଜ୍ଜିତ, ସ୍ଥିର ଏବଂ ସରଳ ଭିତ୍ତିଭୂମି ଯୋଗାଇବା ପାଇଁ କିକଷ୍ଟାର୍ଟ ବୁଟଷ୍ଟ୍ରାପ୍ |

ଉପାୟ

ପୁନ element ବୁଟ ନର୍ମାଲାଇଜ୍ ଉପରେ ନିର୍ମିତ, କେବଳ HTML ଚୟନକର୍ତ୍ତା ବ୍ୟବହାର କରି କିଛି HTML ଶ elements ଳୀ ସହିତ ଅନେକ HTML ଉପାଦାନ ପ୍ରଦାନ କରିଥାଏ | ଅତିରିକ୍ତ ଷ୍ଟାଇଲ୍ କେବଳ କ୍ଲାସ୍ ସହିତ କରାଯାଇଥାଏ | ଉଦାହରଣ ସ୍ୱରୂପ, ଆମେ <table>ଏକ ସରଳ ବେସ୍ ଲାଇନ୍ ପାଇଁ କିଛି ଶ yles ଳୀକୁ ପୁନ bo ବୁଟ କରୁ ଏବଂ ପରେ ପ୍ରଦାନ .table, .table-borderedଏବଂ ଅଧିକ |

ପୁନ o ବୁଟରେ କ’ଣ ନବଲିଖନ କରାଯିବ ତାହା ବାଛିବା ପାଇଁ ଏଠାରେ ଆମର ନିର୍ଦ୍ଦେଶାବଳୀ ଏବଂ କାରଣଗୁଡ଼ିକ ଅଛି:

ମାପନୀୟ ଉପାଦାନ ବ୍ୟବଧାନ ପାଇଁ rems ପରିବର୍ତ୍ତେ s ବ୍ୟବହାର କରିବାକୁ କିଛି ବ୍ରାଉଜର୍ ଡିଫଲ୍ଟ ମୂଲ୍ୟ ଅଦ୍ୟତନ କରନ୍ତୁ |em
ଏଡ଼ାନ୍ତୁ margin-top| ଭର୍ଟିକାଲ୍ ମାର୍ଜିନଗୁଡିକ ନଷ୍ଟ ହୋଇପାରେ, ଅପ୍ରତ୍ୟାଶିତ ଫଳାଫଳ ଦେଇଥାଏ | ସବୁଠାରୁ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ କଥା ହେଉଛି, ଗୋଟିଏ ଦିଗ marginହେଉଛି ଏକ ସରଳ ମାନସିକ ମଡେଲ |
ଡିଭାଇସ୍ ଆକାରରେ ସହଜ ମାପିବା ପାଇଁ, ବ୍ଲକ୍ ଉପାଦାନଗୁଡିକ rems ପାଇଁ margins ବ୍ୟବହାର କରିବା ଉଚିତ୍ |
ଯେତେବେଳେ ସମ୍ଭବ fontବ୍ୟବହାର କରି ସମ୍ପର୍କିତ ଗୁଣଗୁଡିକର ଘୋଷଣାକୁ ସର୍ବନିମ୍ନ ରଖନ୍ତୁ |inherit

ପୃଷ୍ଠା ଡିଫଲ୍ଟ |

ଉନ୍ନତ ପୃଷ୍ଠା-ଡିଫଲ୍ଟ ପ୍ରଦାନ କରିବାକୁ ଏବଂ ଉପାଦାନଗୁଡିକ ଅଦ୍ୟତନ କରାଯାଇଥାଏ <html>| <body>ଅଧିକ ନିର୍ଦ୍ଦିଷ୍ଟ ଭାବରେ:

ସର୍ବଭାରତୀୟ box-sizingସ୍ତରରେ ପ୍ରତ୍ୟେକ ଉପାଦାନ ଉପରେ ସେଟ୍ ହୋଇଛି - *::beforeଏବଂ ଅନ୍ତର୍ଭୂକ୍ତ *::afterକରି border-box| ଏହା ସୁନିଶ୍ଚିତ କରେ ଯେ ପ୍ୟାଡିଂ କିମ୍ବା ସୀମା ହେତୁ ଉପାଦାନର ଘୋଷିତ ମୋଟେଇ କେବେବି ଅତିକ୍ରମ କରିବ ନାହିଁ |
ଉପରେ କ base ଣସି ଆଧାର font-sizeଘୋଷିତ ହୋଇନାହିଁ <html>, କିନ୍ତୁ 16pxଅନୁମାନ କରାଯାଏ (ବ୍ରାଉଜର୍ ଡିଫଲ୍ଟ) | ବ୍ୟବହାରକାରୀଙ୍କ ପସନ୍ଦକୁ ସମ୍ମାନ ଦେବା ଏବଂ ଅଧିକ ସୁଗମ ଆଭିମୁଖ୍ୟ ନିଶ୍ଚିତ କରିବାବେଳେ ମିଡିଆ ପ୍ରଶ୍ନଗୁଡ଼ିକ ମାଧ୍ୟମରେ ସହଜ ପ୍ରତିକ୍ରିୟାଶୀଳ ପ୍ରକାର-ସ୍କେଲିଂ ପାଇଁ font-size: 1remପ୍ରୟୋଗ କରାଯାଏ |<body>
ଏହା <body>ମଧ୍ୟ ଏକ ବିଶ୍ୱସ୍ତରୀୟ font-family, line-heightଏବଂ text-align। ଫଣ୍ଟ ଅସଙ୍ଗତିକୁ ରୋକିବା ପାଇଁ ଏହା ପରେ କିଛି ଫର୍ମ ଉପାଦାନ ଦ୍ୱାରା ଉତ୍ତରାଧିକାରୀ |
ନିରାପତ୍ତା ପାଇଁ , ଡିଫଲ୍ଟ ଭାବରେ <body>ଏକ ଘୋଷିତ ହୋଇଛି |background-color#fff

ଦେଶୀ ଫଣ୍ଟ ଷ୍ଟାକ |

ଡିଫଲ୍ଟ ୱେବ୍ ଫଣ୍ଟଗୁଡିକ (ହେଲଭେଟିକା ନେଉ, ହେଲଭେଟିକା, ଏବଂ ଆରିଆଲ୍) ବୁଟଷ୍ଟ୍ରାପ୍ 4 ରେ ଡ୍ରପ୍ ହୋଇଛି ଏବଂ ପ୍ରତ୍ୟେକ ଡିଭାଇସ୍ ଏବଂ OS ରେ ଉତ୍କୃଷ୍ଟ ପାଠ୍ୟ ପ୍ରଦର୍ଶନ ପାଇଁ ଏକ “ଦେଶୀ ଫଣ୍ଟ୍ ଷ୍ଟାକ” ସହିତ ସ୍ଥାନିତ ହୋଇଛି | ଏହି ସ୍ମାଶିଂ ମ୍ୟାଗେଜିନ ପ୍ରବନ୍ଧରେ ଦେଶୀ ଫଣ୍ଟ ଷ୍ଟାକ ବିଷୟରେ ଅଧିକ ପ .଼ନ୍ତୁ |

$font-family-sans-serif:
  // Safari for macOS and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for macOS (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  Roboto,
  // Basic web fallback
  "Helvetica Neue", Arial,
  // Linux
  "Noto Sans",
  "Liberation Sans",
  // Sans serif fallback
  sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

ଧ୍ୟାନ ଦିଅନ୍ତୁ ଯେ, ଫଣ୍ଟ୍ ଷ୍ଟାକରେ ଇମୋଜି ଫଣ୍ଟ ଅନ୍ତର୍ଭୁକ୍ତ, ଅନେକ ସାଧାରଣ ପ୍ରତୀକ / ଡିଙ୍ଗବଟ୍ ୟୁନିକୋଡ୍ ବର୍ଣ୍ଣଗୁଡିକ ମଲ୍ଟି ରଙ୍ଗର ପିକ୍ଟୋଗ୍ରାଫ୍ ଭାବରେ ଉପସ୍ଥାପିତ ହେବ | ବ୍ରାଉଜର୍ / ପ୍ଲାଟଫର୍ମର ଦେଶୀ ଇମୋଜି ଫଣ୍ଟରେ ବ୍ୟବହୃତ ଶ style ଳୀ ଉପରେ ନିର୍ଭର କରି ସେମାନଙ୍କର ରୂପ ଭିନ୍ନ ହେବ, ଏବଂ ସେମାନେ କ CS ଣସି CSS ଶ yles ଳୀ ଦ୍ୱାରା ପ୍ରଭାବିତ ହେବେ ନାହିଁ color|

ଏହା ବୁଟଷ୍ଟ୍ରାପରେ ସମଗ୍ର ବିଶ୍ୱରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ଉତ୍ତରାଧିକାରୀ ଭାବରେ font-familyପ୍ରୟୋଗ କରାଯାଏ | <body>ଗ୍ଲୋବାଲ୍ ସୁଇଚ୍ କରିବାକୁ , ବୁଟଷ୍ଟ୍ରାପ୍ font-familyଅପଡେଟ୍ ଏବଂ ପୁନ omp କମ୍ପାଇଲ୍ କରନ୍ତୁ |$font-family-base

ଶିରୋନାମା ଏବଂ ଅନୁଚ୍ଛେଦ |

ସମସ୍ତ ହେଡିଙ୍ଗ୍ ଉପାଦାନଗୁଡିକ - ଯଥା, <h1>- ଏବଂ <p>ସେଗୁଡିକ ଅପସାରଣ କରିବାକୁ ପୁନ res ସେଟ୍ ହୋଇଛି margin-top| ସହଜ ବ୍ୟବଧାନ ପାଇଁ ହେଡିଙ୍ଗ୍ margin-bottom: .5remଯୋଡିଛି ଏବଂ ପାରାଗ୍ରାଫ୍ |margin-bottom: 1rem

ଶୀର୍ଷଲେଖ	ଉଦାହରଣ \|
`<h1></h1>`	h1 ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|
`<h2></h2>`	h2। ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|
`<h3></h3>`	h3। ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|
`<h4></h4>`	h4। ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|
`<h5></h5>`	h5। ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|
`<h6></h6>`	h6। ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ହେଡିଙ୍ଗ୍ \|

ତାଲିକା |

ସମସ୍ତ ତାଲିକା - , ଏବଂ, <ul>ସେମାନଙ୍କର ଅପସାରିତ ହୋଇଛି ଏବଂ a । ନେଷ୍ଟେଡ୍ ତାଲିକାଗୁଡ଼ିକରେ ନାହିଁ |<ol><dl>margin-topmargin-bottom: 1remmargin-bottom

ସମସ୍ତ ତାଲିକାଗୁଡ଼ିକର ଟପ୍ ମାର୍ଜିନ୍ ଅପସାରିତ ହୋଇଛି |
ଏବଂ ସେମାନଙ୍କର ତଳ ମାର୍ଜିନ୍ ସ୍ୱାଭାବିକ ହେଲା |
ନେଷ୍ଟେଡ୍ ତାଲିକାଗୁଡ଼ିକର କ bottom ଣସି ତଳ ମାର୍ଜିନ୍ ନାହିଁ |
- ଏହି ଉପାୟରେ ସେମାନଙ୍କର ଅଧିକ ରୂପ ଦେଖାଯାଏ |
- ବିଶେଷ ଭାବରେ ଯେତେବେଳେ ଅଧିକ ତାଲିକା ଆଇଟମ୍ ଦ୍ୱାରା ଅନୁସରଣ କରାଯାଏ |
ବାମ ପ୍ୟାଡିଂ ମଧ୍ୟ ପୁନ res ସେଟ୍ ହୋଇଛି |

ଏଠାରେ ଏକ ଅର୍ଡର ତାଲିକା ଅଛି |
କିଛି ତାଲିକା ଆଇଟମ୍ ସହିତ |
ଏହାର ସମାନ ସାମଗ୍ରିକ ଦୃଶ୍ୟ ଅଛି |
ପୂର୍ବ ଅବ୍ୟବହୃତ ତାଲିକା ଭାବରେ |

ସରଳ ଶ yl ଳୀ, ସ୍ୱଚ୍ଛ ହାଇରାର୍କି ଏବଂ ଉନ୍ନତ ବ୍ୟବଧାନ ପାଇଁ, ବର୍ଣ୍ଣନା ତାଲିକାଗୁଡ଼ିକ ଅଦ୍ୟତନ ହୋଇଛି margin| <dd>କୁ ପୁନ res ସେଟ୍ margin-leftକରନ୍ତୁ 0ଏବଂ ଯୋଡନ୍ତୁ margin-bottom: .5rem| <dt>s ବୋଲ୍ଡ ହୋଇଛି |

ବର୍ଣ୍ଣନା ତାଲିକା |: ସର୍ତ୍ତାବଳୀ ବ୍ୟାଖ୍ୟା କରିବା ପାଇଁ ଏକ ବର୍ଣ୍ଣନା ତାଲିକା ଉପଯୁକ୍ତ |
ଅବଧି: ଶବ୍ଦ ପାଇଁ ସଂଜ୍ଞା; ସମାନ ଶବ୍ଦ ପାଇଁ ଦ୍ୱିତୀୟ ସଂଜ୍ଞା |
ଅନ୍ୟ ଏକ ଶବ୍ଦ |: ଏହି ଅନ୍ୟ ଶବ୍ଦ ପାଇଁ ସଂଜ୍ଞା

ପ୍ରିଫର୍ମଡ୍ ଟେକ୍ସଟ୍ |

ଏହାର ଅପସାରଣ ଏବଂ ଏହାର ପାଇଁ ୟୁନିଟ୍ ବ୍ୟବହାର <pre>କରିବାକୁ ଉପାଦାନ ପୁନ res ସେଟ୍ ହୋଇଛି |margin-topremmargin-bottom

.example-element {
  ମାର୍ଜିନ୍-ତଳ: 1rem;
}

ଟେବୁଲ୍ |

ଟେବୁଲଗୁଡିକ ଶ style ଳୀରେ ସାମାନ୍ୟ ଆଡଜଷ୍ଟ ହୋଇଛି <caption>, ସୀମା ଭୁଶୁଡ଼ିବା, ଏବଂ text-alignସମଗ୍ର ସ୍ଥିରତାକୁ ସୁନିଶ୍ଚିତ କରେ | ସୀମା, ପ୍ୟାଡିଂ, ଏବଂ ଅଧିକ ପାଇଁ ଅତିରିକ୍ତ ପରିବର୍ତ୍ତନ ଶ୍ରେଣୀ ସହିତ.table ଆସେ |

ଏହା ଏକ ଉଦାହରଣ ସାରଣୀ, ଏବଂ ବିଷୟବସ୍ତୁକୁ ବର୍ଣ୍ଣନା କରିବା ପାଇଁ ଏହା ଏହାର କ୍ୟାପସନ୍ |
ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|

ଫର୍ମଗୁଡିକ

ସରଳ ଆଧାର ଶ yles ଳୀ ପାଇଁ ବିଭିନ୍ନ ଫର୍ମ ଉପାଦାନଗୁଡିକ ପୁନ bo ବୁଟ କରାଯାଇଛି | ଏଠାରେ କେତେକ ଉଲ୍ଲେଖନୀୟ ପରିବର୍ତ୍ତନ ଅଛି:

<fieldset>s ର କ borders ଣସି ସୀମା, ପ୍ୟାଡିଂ, କିମ୍ବା ମାର୍ଜିନ୍ ନାହିଁ ତେଣୁ ସେଗୁଡିକ ବ୍ୟକ୍ତିଗତ ଇନପୁଟ୍ କିମ୍ବା ଇନପୁଟ୍ ଗୋଷ୍ଠୀ ପାଇଁ ସହଜରେ ରାପର୍ ଭାବରେ ବ୍ୟବହାର କରାଯାଇପାରିବ |
<legend>s, ଫିଲ୍ଡସେଟ୍ ପରି, ଏକ ପ୍ରକାରର ହେଡିଙ୍ଗ୍ ଭାବରେ ପ୍ରଦର୍ଶିତ ହେବା ପାଇଁ ପୁନ y ଚାଳିତ ହୋଇଛି |
<label>s ପ୍ରୟୋଗ display: inline-blockକରିବାକୁ ଅନୁମତି ଦେବାକୁ ସେଟ୍ ହୋଇଛି |margin
<input>s, <select>s, <textarea>s, ଏବଂ <button>s ଗୁଡିକ ସାଧାରଣତ Normal ନର୍ମାଲାଇଜ୍ ଦ୍ୱାରା ସମ୍ବୋଧିତ ହୁଏ, କିନ୍ତୁ ପୁନ o ବୁଟ୍ ସେମାନଙ୍କର marginଏବଂ ସେଟ୍ଗୁଡ଼ିକୁ line-height: inheritମଧ୍ୟ ଅପସାରଣ କରେ |
<textarea>s ଗୁଡିକ କେବଳ ଭୂଲମ୍ବ ଭାବରେ ରିଜାଇଜେବଲ୍ ହେବା ପାଇଁ ପରିବର୍ତ୍ତିତ ହୋଇଛି ଯେହେତୁ ଭୂସମାନ୍ତର ଆକାର ଆକାର ପ୍ରାୟତ ““ ବ୍ରେକ୍ ”ପୃଷ୍ଠା ଲେଆଉଟ୍ |
<button>s ଏବଂ <input>ବଟନ୍ ଉପାଦାନଗୁଡ଼ିକ cursor: pointerକେବେ ଅଛି :not(:disabled)|

ଏହି ପରିବର୍ତ୍ତନଗୁଡିକ, ଏବଂ ଅଧିକ, ନିମ୍ନରେ ପ୍ରଦର୍ଶିତ ହୋଇଛି |

ଉଦାହରଣ କିମ୍ବଦନ୍ତୀ |

ଉଦାହରଣ ଇନପୁଟ୍

ଉଦାହରଣ ଚୟନ କରନ୍ତୁ |

ଏହି ଚେକ୍ ବକ୍ସ ଯାଞ୍ଚ କରନ୍ତୁ |

ବିକଳ୍ପ ହେଉଛି ଏହା ଏବଂ ତାହା | ବିକଳ୍ପ ଦୁଇଟି ହେଉଛି ଅନ୍ୟ କିଛି ଯାହାକି ଏହି କଳ୍ପନା ଫର୍ମ ନିୟନ୍ତ୍ରଣଗୁଡ଼ିକର ଗୁଡ଼ିକୁ ପ୍ରଦର୍ଶନ କରିବାକୁ ସୁପର ଲମ୍ବା ଅଟେ | ବିକଳ୍ପ ତିନୋଟି ଅକ୍ଷମ ହୋଇଛି |

ଟେକ୍ସଟେରିଆର ଉଦାହରଣ |

ଉଦାହରଣ ତାରିଖ

ଉଦାହରଣ ସମୟ

ଉଦାହରଣ ଆଉଟପୁଟ୍ 100

ବଟନ୍ ଉପରେ ସୂଚକ |

role="button"ଡିଫଲ୍ଟ କର୍ସର୍ କୁ ପରିବର୍ତ୍ତନ କରିବା ପାଇଁ ପୁନ o ବୁଟ୍ ଏକ ଉନ୍ନତି ଅନ୍ତର୍ଭୂକ୍ତ କରେ pointer| ଉପାଦାନଗୁଡିକ ଇଣ୍ଟରାକ୍ଟିଭ୍ ବୋଲି ସୂଚାଇବାରେ ସାହାଯ୍ୟ କରିବାକୁ ଏହି ଗୁଣକୁ ଉପାଦାନଗୁଡ଼ିକରେ ଯୋଡନ୍ତୁ | ଏହି ଭୂମିକା <button>ଉପାଦାନଗୁଡିକ ପାଇଁ ଆବଶ୍ୟକ ନୁହେଁ, ଯାହା ସେମାନଙ୍କର ନିଜସ୍ୱ cursorପରିବର୍ତ୍ତନ ପାଇଥାଏ |

ଅଣ-ବଟନ୍ ଉପାଦାନ ବଟନ୍ |

<span role="button" tabindex="0">Non-button element button</span>

ବିଭିନ୍ନ ଉପାଦାନଗୁଡିକ |

ଠିକଣା

ବ୍ରାଉଜରକୁ ଡିଫଲ୍ଟରୁ <address>ପୁନ res ସେଟ୍ କରିବାକୁ ଉପାଦାନକୁ ଅଦ୍ୟତନ କରାଯାଇଛି | ବର୍ତ୍ତମାନ ମଧ୍ୟ ଉତ୍ତରାଧିକାରୀ ଅଟେ, ଏବଂ ଯୋଗ କରାଯାଇଛି | s ନିକଟତମ ପିତୃପୁରୁଷ (କିମ୍ବା କାର୍ଯ୍ୟର ଏକ ସମ୍ପୂର୍ଣ୍ଣ ଶରୀର) ପାଇଁ ଯୋଗାଯୋଗ ସୂଚନା ଉପସ୍ଥାପନ କରିବା ପାଇଁ | ରେଖା ସହିତ ଶେଷ କରି ଫର୍ମାଟିଂ ସଂରକ୍ଷଣ କରନ୍ତୁ |font-styleitalicnormalline-heightmargin-bottom: 1rem<address><br>

ଟ୍ୱିଟର, Inc.
1355 ମାର୍କେଟ ଷ୍ଟ, ସୁଟ୍ 900
ସାନ ଫ୍ରାନ୍ସିସ୍କୋ, CA 94103
ପି: (123) 456-7890 |

ପୂର୍ଣ୍ଣ ନାମ
[email protected]

ବ୍ଲକକୋଟ |

ବ୍ଲକ୍କୋଟଗୁଡିକରେ ଡିଫଲ୍ଟ marginହେଉଛି 1em 40px, ତେଣୁ ଆମେ 0 0 1remଅନ୍ୟ ଉପାଦାନଗୁଡ଼ିକ ସହିତ ଅଧିକ ସୁସଙ୍ଗତ କିଛି ପାଇଁ ଏହାକୁ ପୁନ res ସେଟ୍ କରୁ |

ଏକ ଜଣାଶୁଣା ଉଦ୍ଧୃତି, ଏକ ବ୍ଲକ୍କୋଟ୍ ଉପାଦାନରେ ଅନ୍ତର୍ଭୁକ୍ତ |

ଉତ୍ସ ଆଖ୍ୟାରେ କେହି ଜଣେ ପ୍ରସିଦ୍ଧ |

ଇନଲାଇନ୍ ଉପାଦାନଗୁଡିକ |

ଏହାକୁ ପାରାଗ୍ରାଫ୍ ଟେକ୍ସଟ୍ ମଧ୍ୟରେ ଛିଡା କରିବା ପାଇଁ <abbr>ଉପାଦାନ ମ basic ଳିକ ଶ yl ଳୀ ଗ୍ରହଣ କରେ |

Nulla attr vitae elit libero, a pharetra augue।

ସାରାଂଶ

cursorସାରାଂଶ ଉପରେ ଡିଫଲ୍ଟ ହେଉଛି text, ତେଣୁ ଆମେ pointerଏହାକୁ ପୁନ res ସେଟ୍ କରୁ ଯେ ଏହା ଉପରେ କ୍ଲିକ୍ କରି ଉପାଦାନ ସହିତ ଯୋଗାଯୋଗ ହୋଇପାରିବ |

କିଛି ବିବରଣୀ

ବିବରଣୀ ବିଷୟରେ ଅଧିକ ସୂଚନା |

ଏପରିକି ଅଧିକ ବିବରଣୀ |

ସବିଶେଷ ବିବରଣୀ ବିଷୟରେ ଏଠାରେ ଅଧିକ ବିବରଣୀ ଅଛି |

HTML5 `[hidden]`ଗୁଣ

HTML5 ନାମକ ଏକ ନୂତନ ଗ୍ଲୋବାଲ୍ ଆଟ୍ରିବ୍ୟୁଟ୍[hidden]display: none ଯୋଡିଥାଏ, ଯାହା ଡିଫଲ୍ଟ ଭାବରେ ଷ୍ଟାଇଲ୍ ହୋଇଥାଏ | PureCSS ରୁ ଏକ ଧାରଣା owing ଣ , ଆମେ ଏହି ଡିଫଲ୍ଟରେ ଉନ୍ନତି କରି ଏହାକୁ ଅଜାଣତରେ ନବଲିଖନ [hidden] { display: none !important; }କରିବାରେ ସାହାଯ୍ୟ କରିବା | displayଯଦିଓ [hidden]IE10 ଦ୍ native ାରା ସ୍ଥାନୀୟ ଭାବରେ ସମର୍ଥିତ ନୁହେଁ, ଆମର CSS ରେ ସ୍ପଷ୍ଟ ଘୋଷଣା ସେହି ସମସ୍ୟାର ସମାଧାନ କରେ |

<input type="text" hidden>

jQuery ଅସଙ୍ଗତି |

[hidden]$(...).hide()jQuery ଏବଂ $(...).show()ପଦ୍ଧତି ସହିତ ସୁସଙ୍ଗତ ନୁହେଁ | ତେଣୁ, ଆମେ ଉପାଦାନଗୁଡ଼ିକର [hidden]ପରିଚାଳନା ପାଇଁ ଅନ୍ୟାନ୍ୟ କ ques ଶଳକୁ ବିଶେଷ ଭାବରେ ସମର୍ଥନ କରୁନାହୁଁ |display

କେବଳ ଏକ ଉପାଦାନର ଦୃଶ୍ୟତାକୁ ଟୋଗଲ୍ କରିବାକୁ, ଏହାର ଅର୍ଥ displayଏହା ପରିବର୍ତ୍ତିତ ହୋଇନାହିଁ ଏବଂ ଉପାଦାନଟି ତଥାପି ଡକ୍ୟୁମେଣ୍ଟର ପ୍ରବାହକୁ ପ୍ରଭାବିତ କରିପାରିବ, ଏହା ବଦଳରେ ଶ୍ରେଣୀ ବ୍ୟବହାର କରନ୍ତୁ.invisible |

ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|	ଟେବୁଲ୍ ହେଡିଙ୍ଗ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|
ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|	ଟେବୁଲ୍ ସେଲ୍ \|