in English

قايتا قوزغىتىش

قايتا قوزغىتىش ، بىر ھۆججەتتىكى ئېلېمېنتقا خاس CSS ئۆزگىرىشلىرى توپلىمى ، kickstart Bootstrap نەپىس ، ئىزچىل ۋە ئاددىي ئاساس بىلەن تەمىنلەيدۇ.

بۇ بەتتە

يېقىنلىشىش

قايتا قوزغىتىش نورماللاشتۇرۇشنى ئاساس قىلىدۇ ، نۇرغۇن HTML ئېلېمېنتلىرىنى پەقەت ئېلېمېنت تاللىغۇچىلار ئارقىلىق مەلۇم دەرىجىدە ئۇسلۇب بىلەن تەمىنلەيدۇ. قوشۇمچە ئۇسلۇب پەقەت دەرسلەر بىلەنلا ئېلىپ بېرىلىدۇ. مەسىلەن ، بىز <table>تېخىمۇ ئاددىي بولغان ئاساسىي ئۇسلۇب ئۈچۈن بەزى ئۇسلۇبلارنى قايتا قوزغىتىمىز ، كېيىن تەمىنلەيمىز .tableۋە .table-borderedتېخىمۇ كۆپ.

Reboot دا نېمىنى بېسىپ ئۆتۈشنى تاللاشتىكى كۆرسەتمىلىرىمىز ۋە سەۋەبلىرىمىز:

بەزى توركۆرگۈچنىڭ سۈكۈتتىكى قىممىتىنى يېڭىلاپ ، كېڭەيتىشچان زاپچاس ئارىلىقى ئۈچۈن rems ئورنىدا ئىشلىتىڭ.em
ساقلىنىڭ margin-top. ۋېرتىكال گىرۋەكلەر يىمىرىلىپ ، ئويلىمىغان نەتىجىلەرنى بېرىدۇ. تېخىمۇ مۇھىمى ، بىر يۆنىلىش marginتېخىمۇ ئاددىي روھىي مودېل.
remئۈسكۈنىنىڭ چوڭ-كىچىكلىكىنى كىچىكلىتىش ئۈچۈن ، بۆلەك ئېلېمېنتلىرى s نى ئىشلىتىشى كېرەك margin.
ئىمكانقەدەر fontمۇناسىۋەتلىك مۈلۈكلەرنىڭ بايانلىرىنى ئەڭ تۆۋەن چەكتە ساقلاڭ .inherit

CSS ئۆزگەرگۈچى مىقدار

V5.2.0 گە قوشۇلدى

V5.1.1 @importئارقىلىق بارلىق CSS بولاقلىرىمىزنى (جۈملىدىن bootstrap.css، bootstrap-reboot.cssۋە bootstrap-grid.css) ئۆز ئىچىگە ئالغان تەلەپتىكى s نى قېلىپلاشتۇردۇق _root.scss. بۇ :rootبولاقتا قانچىلىك ئىشلىتىلگەن بولۇشىدىن قەتئىينەزەر ، بارلىق بولاقلارغا CSS ئۆزگەرگۈچى مىقدارنى قوشىدۇ. ئاخىرقى ھېسابتا Bootstrap 5 تېخىمۇ كۆپ CSS ئۆزگەرگۈچى مىقدارنى داۋاملىق كۆرىدۇ ، بۇ ئارقىلىق Sass نى قايتا-قايتا تولۇقلاشنىڭ ھاجىتى يوق. بىزنىڭ ئۇسۇلىمىز مەنبە Sass ئۆزگەرگۈچى مىقدارنى ئېلىپ CSS ئۆزگەرگۈچى مىقدارغا ئايلاندۇرۇش. بۇنداق بولغاندا ، سىز CSS ئۆزگەرگۈچى مىقدارنى ئىشلەتمىسىڭىزمۇ ، يەنىلا Sass نىڭ بارلىق كۈچى بار. بۇ يەنىلا داۋاملىشىۋاتىدۇ ، تولۇق ئىجرا قىلىشقا ۋاقىت كېتىدۇ.

مەسىلەن ، :rootئورتاق <body>ئۇسلۇبتىكى بۇ CSS ئۆزگەرگۈچى مىقدارنى ئويلاڭ:

  @if $font-size-root != null {
    --#{$prefix}root-font-size: #{$font-size-root};
  }
  --#{$prefix}body-font-family: #{$font-family-base};
  @include rfs($font-size-base, --#{$prefix}body-font-size);
  --#{$prefix}body-font-weight: #{$font-weight-base};
  --#{$prefix}body-line-height: #{$line-height-base};
  --#{$prefix}body-color: #{$body-color};
  @if $body-text-align != null {
    --#{$prefix}body-text-align: #{$body-text-align};
  }
  --#{$prefix}body-bg: #{$body-bg};

ئەمەلىيەتتە ، بۇ ئۆزگەرگۈچى مىقدارلار Reboot دا مۇنداق قوللىنىلىدۇ:

body {
  margin: 0; // 1
  font-family: var(--#{$prefix}body-font-family);
  @include font-size(var(--#{$prefix}body-font-size));
  font-weight: var(--#{$prefix}body-font-weight);
  line-height: var(--#{$prefix}body-line-height);
  color: var(--#{$prefix}body-color);
  text-align: var(--#{$prefix}body-text-align);
  background-color: var(--#{$prefix}body-bg); // 2
  -webkit-text-size-adjust: 100%; // 3
  -webkit-tap-highlight-color: rgba($black, 0); // 4
}

سىز خالىغان ۋاقىتتا ھەقىقىي خاسلاشتۇرالايسىز.

<body style="--bs-body-color: #333;">
  <!-- ... -->
</body>

بەت سۈكۈتتىكى ھالەتتە

<html>بەت ۋە ئېلېمېنتلار يېڭىلىنىپ ، بەت يۈزىدىكى <body>سۈكۈتتىكى سۈكۈتنى تەمىنلەيدۇ. تېخىمۇ ئېنىق قىلىپ ئېيتقاندا:

دۇنيا box-sizingمىقياسىدا ھەر بىر ئېلېمېنتقا *::beforeئورۇنلاشتۇرۇلغان . بۇ ئېلېمېنتنىڭ ئېلان قىلىنغان كەڭلىكىنىڭ پاتقاق ياكى چېگرا سەۋەبىدىن ھەرگىز ئېشىپ كەتمەسلىكىگە كاپالەتلىك قىلىدۇ. *::afterborder-box
- ھېچقانداق ئاساسى font-sizeئېلان قىلىنمىغان <html>، ئەمما 16pxپەرەز قىلىنغان (توركۆرگۈ سۈكۈتتىكى). ئابونتلارنىڭ ياقتۇرۇشىغا ھۆرمەت قىلىش ۋە تېخىمۇ قۇلايلىق ئۇسۇلغا كاپالەتلىك قىلىش بىلەن بىر ۋاقىتتا ، مېدىيا سوئاللىرى ئارقىلىق ئاسان ئىنكاس قايتۇرىدىغان تىپنى كېڭەيتىشتە قوللىنىلىدۇ font-size: 1rem. <body>ئۆزگەرگۈچى مىقدارنى ئۆزگەرتىش ئارقىلىق بۇ توركۆرگۈنىڭ سۈكۈتتىكى ھالىتىنى بېسىپ ئۆتكىلى بولىدۇ $font-size-root.
The also also a <body>global font-family,,, and font-weight. بۇ كېيىن بىر قىسىم شەكىل ئېلېمېنتلىرىغا ۋارىسلىق قىلىپ ، خەت ماسلاشماسلىقنىڭ ئالدىنى ئالىدۇ.line-heightcolor
بىخەتەرلىك ئۈچۈن ، <body>ئېلان قىلىنغان background-color، سۈكۈتتىكى ھالەتتە #fff.

يەرلىك خەت نۇسخىسى

Bootstrap ھەر بىر ئۈسكۈنە ۋە مەشغۇلات سىستېمىلىرىدا ئەڭ ياخشى تېكىستنى كۆرسىتىش ئۈچۈن «يەرلىك خەت نۇسخىسى» ياكى «سىستېما خەت ساندۇقى» نى ئىشلىتىدۇ. بۇ سىستېما خەت نۇسخىسى بۈگۈنكى ئۈسكۈنىلەرنى كۆزدە تۇتۇپ ئالاھىدە لايىھەلەنگەن بولۇپ ، ئېكراندا كۆرسىتىش ئۈنۈمى ياخشى ، ئۆزگىرىشچان خەت قوللاش قاتارلىقلار. بۇ «Smashing» ژۇرنىلى ماقالىسىدىكى يەرلىك خەت نۇسخىسى توغرىسىدىكى تەپسىلاتلارنى ئوقۇڭ .

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

شۇنىڭغا دىققەت قىلىڭكى ، خەت ساندۇقى emoji خەت نۇسخىسىنى ئۆز ئىچىگە ئالغان بولغاچقا ، نۇرغۇنلىغان ئورتاق بەلگە / دىڭبات يۇنىكود ھەرپلىرى كۆپ خىل رەڭلىك رەسىم شەكلىدە كۆرسىتىلىدۇ. colorئۇلارنىڭ سىرتقى كۆرۈنۈشى ئوخشىمايدۇ ، توركۆرگۈچ / سۇپىنىڭ يەرلىك emoji خەت شەكلىدە ئىشلىتىلگەن ئۇسلۇبقا ئاساسەن ، ئۇلار ھېچقانداق CSS ئۇسلۇبىنىڭ تەسىرىگە ئۇچرىمايدۇ .

بۇ پۈتكۈل Bootstrap دا پۈتۈن دۇنيا مىقياسىدا ئاپتوماتىك ۋارىسلىق قىلىنغان font-family. <body>يەرشارىنى ئۆزگەرتىش ئۈچۈن Bootstrap font-familyنى يېڭىلاش ۋە قايتا قۇرۇش.$font-family-base

ماۋزۇ ۋە ئابزاس

<h1>بارلىق ماۋزۇ ئېلېمېنتلىرى ، مەسىلەن <p>ئۆچۈرۈۋېتىلىدۇ margin-top. ماۋزۇلار ئاسان بوشلۇق ئۈچۈن margin-bottom: .5remئابزاس قوشتى .margin-bottom: 1rem

ماۋزۇ	مىسال
`<h1></h1>`	h1. Bootstrap ماۋزۇسى
`<h2></h2>`	h2. Bootstrap ماۋزۇسى
`<h3></h3>`	h3. Bootstrap ماۋزۇسى
`<h4></h4>`	h4. Bootstrap ماۋزۇسى
`<h5></h5>`	h5. Bootstrap ماۋزۇسى
`<h6></h6>`	h6. Bootstrap ماۋزۇسى

توغرىسىغا قائىدىلەر

<hr>ئېلېمېنت ئاددىيلاشتۇرۇلدى . توركۆرگۈنىڭ سۈكۈتتىكى ھالىتىگە ئوخشاش ، <hr>s ئارقىلىق ئۇسلۇبتا لايىھىلەنگەن border-top، سۈكۈتتىكى ھالەتتە بولىدۇ opacity: .25ھەمدە ئاتا-ئانىلار border-colorئارقىلىق قاچان تەڭشەلگەنلىكىنى colorئۆز ئىچىگە ئالىدۇ . colorئۇلارنى تېكىست ، چېگرا ۋە ئېنىقلىق ئەسلىھەلىرى بىلەن ئۆزگەرتىشكە بولىدۇ.

html

<hr>

<div class="text-success">
  <hr>
</div>

<hr class="border border-danger border-2 opacity-50">
<hr class="border border-primary border-3 opacity-75">

تىزىملىك

بارلىق تىزىملىكلەر <ul>- ، <ol>ۋە - <dl>ئۆچۈرۈلگەن margin-topۋە a margin-bottom: 1rem. تىزىملىك تىزىملىكى يوق margin-bottom. بىز يەنە padding-leftئېلېمېنتلارنى <ul>ئەسلىگە كەلتۈردۇق <ol>.

بارلىق تىزىملىكلەرنىڭ ئۈستى گىرۋىكى چىقىرىۋېتىلدى
ھەمدە ئۇلارنىڭ تۆۋەن چېكى نورماللاشتى
ئۇلانغان تىزىملىكلەرنىڭ تۆۋەن چېكى يوق
- بۇنداق بولغاندا ئۇلارنىڭ تېخىمۇ تاشقى كۆرۈنۈشى بار
- بولۇپمۇ تېخىمۇ كۆپ تىزىملىك تۈرلىرى ئەگەشكەندە
سول تاختايمۇ ئەسلىگە كەلتۈرۈلدى

بۇ يەردە زاكاز قىلىنغان تىزىملىك بار
بىر قانچە تىزىملىك تۈرلىرى بىلەن
ئۇنىڭ ئومۇمىي كۆرۈنۈشى ئوخشاش
ئالدىنقى تەرتىپسىز تىزىملىك سۈپىتىدە

ئاددىي ئۇسلۇب ، ئېنىق قاتلام ۋە تېخىمۇ ياخشى بوشلۇق ئۈچۈن چۈشەندۈرۈش تىزىملىكى s يېڭىلاندى margin. <dd>s نى ئەسلىگە كەلتۈرۈش margin-leftۋە 0قوشۇش margin-bottom: .5rem. <dt>s توم .

چۈشەندۈرۈش تىزىملىكى: چۈشەندۈرۈش تىزىملىكى ئاتالغۇلارنى ئېنىقلاشقا ناھايىتى ماس كېلىدۇ.
مۇددىتى: بۇ ئاتالغۇنىڭ ئېنىقلىمىسى.; ئوخشاش ئاتالغۇنىڭ ئىككىنچى ئېنىقلىمىسى.
يەنە بىر ئاتالغۇ: بۇ باشقا ئاتالغۇنىڭ ئېنىقلىمىسى.

ئىچكى كود

كود پارچىلىرىنى ئۆز ئىچىگە <code>ئالىدۇ. HTML بۇلۇڭ تىرناقتىن قېچىشقا كاپالەتلىك قىلىڭ.

مەسىلەن ، <section>ئىچكى قۇر سۈپىتىدە ئوراش كېرەك.

html

For example, <code>&lt;section&gt;</code> should be wrapped as inline.

كود چەكلىمىسى

<pre>كۆپ قۇر كود ئۈچۈن s نى ئىشلىتىڭ . يەنە بىر قېتىم مۇۋاپىق كود ئۈچۈن كودتىكى ھەر قانداق بۇلۇڭ تىرناقتىن قېچىشقا كاپالەتلىك قىلىڭ. بۇ <pre>ئېلېمېنت ئۇنى چىقىرىۋېتىش ۋە ئۇنىڭ ئۈچۈن ئورۇن margin-topئىشلىتىش ئۈچۈن ئەسلىگە كەلتۈرۈلدى .remmargin-bottom

<p>Sample text here...</p>
<p>And another line of sample text here...</p>

html

<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;
&lt;p&gt;And another line of sample text here...&lt;/p&gt;
</code></pre>

ئۆزگەرگۈچى مىقدار

ئۆزگەرگۈچى مىقدارنى كۆرسىتىش ئۈچۈن <var>بەلگە ئىشلىتىڭ.

y = m x + b

html

<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

ئىشلەتكۈچى كىرگۈزۈش

ئادەتتە كۇنۇپكا تاختىسى <kbd>ئارقىلىق كىرگۈزۈلگەن كىرگۈزۈشنى كۆرسىتىدۇ.

مۇندەرىجىنى ئالماشتۇرۇش ئۈچۈن مۇندەرىجىنىڭ cdئىسمى بىلەن كىرگۈزۈڭ.
تەڭشەكلەرنى تەھرىرلەش ئۈچۈن بېسىڭ ctrl + ,

html

To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

ئۈلگە چىقىرىش

پروگراممىدىن ئەۋرىشكە چىقىرىش ئۈچۈن <samp>بەلگە ئىشلىتىڭ.

بۇ تېكىست كومپيۇتېر پروگراممىسىنىڭ ئەۋرىشكىسى سۈپىتىدە بىر تەرەپ قىلىشنى مەقسەت قىلىدۇ.

html

<samp>This text is meant to be treated as sample output from a computer program.</samp>

جەدۋەل

جەدۋەل ئۇسلۇب <caption>s غا ئازراق تەڭشەلگەن ، چېگرىلار يىمىرىلىپ ، ئىزچىل بىردەكلىككە كاپالەتلىك قىلىنغان text-align. چېگرا ، پەلەمپەي ۋە باشقا قوشۇمچە ئۆزگەرتىشلەر دەرس بىلەن.table بىللە كېلىدۇ .

بۇ بىر مىسال جەدۋىلى ، ئۇنىڭ مەزمۇنىنى تەسۋىرلەشنىڭ ئىزاھاتى.
جەدۋەل ماۋزۇسى	جەدۋەل ماۋزۇسى	جەدۋەل ماۋزۇسى	جەدۋەل ماۋزۇسى
جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى
جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى
جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى	جەدۋەل كاتەكچىسى

html

<table>
  <caption>
    This is an example table, and this is its caption to describe the contents.
  </caption>
  <thead>
    <tr>
      <th>Table heading</th>
      <th>Table heading</th>
      <th>Table heading</th>
      <th>Table heading</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
    </tr>
    <tr>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
    </tr>
    <tr>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
      <td>Table cell</td>
    </tr>
  </tbody>
</table>

جەدۋەل

ئاددىي شەكىل ئۇسلۇبى ئۈچۈن ھەر خىل شەكىل ئېلېمېنتلىرى قايتا قوزغىتىلدى. بۇ يەردە ئەڭ كۆرۈنەرلىك ئۆزگىرىشلەر بار:

<fieldset>s نىڭ چېگرىسى ، تاختا ياكى گىرۋەكلىرى يوق ، شۇڭا ئۇلارنى ئايرىم كىرگۈزۈش ياكى كىرگۈزۈش گۇرۇپپىسىنىڭ ئورالمىسى قىلىپ ئىشلىتىشكە بولىدۇ.
<legend>s ، مەيدان مەيدانىغا ئوخشاش ، قايتا رەتلىنىپ ، ھەر خىل ماۋزۇ سۈپىتىدە كۆرسىتىلىدۇ.
<label>s ئىشلىتىشكە display: inline-blockرۇخسەت marginقىلىنغان.
<input>s, <select>s, <textarea>s ۋە <button>s كۆپىنچە Normalize تەرىپىدىن ھەل قىلىنغان ، ئەمما Reboot ئۇلارنىڭ marginۋە يۈرۈشلۈكلىرىنىمۇ چىقىرىپ تاشلايدۇ line-height: inherit.
<textarea>s گورىزونتالنىڭ چوڭ-كىچىكلىكى ھەمىشە بەت يۈزى ئورۇنلاشتۇرۇلىدۇ.
<button>s ۋە <input>كۇنۇپكا ئېلېمېنتلىرى cursor: pointerقاچان بولىدۇ :not(:disabled).

بۇ ئۆزگىرىشلەر ۋە تېخىمۇ كۆپلىرى تۆۋەندە كۆرسىتىلدى.

مىسال رىۋايىتى

مىسال كىرگۈزۈش

مىسال ئېلېكترونلۇق خەت

مىسال تېلېفون

مىسال url

مىسال نومۇرى

مىسال ئىزدەش

مىسال دائىرىسى

ھۆججەت كىرگۈزۈش مىسالى

مىسال تاللاڭ

بۇ تەكشۈرۈش رامكىسىنى تەكشۈرۈڭ

بىرىنچى تاللاش بۇ ۋە ئۇ ئىككىنچى خىل تاللاش باشقا ئېسىل نەرسىلەر بولۇپ ، بۇ ئېسىل جەدۋەل كونتروللىرىنىڭ ئورالغانلىقىنى كۆرسىتىپ بېرىدۇ. ئۈچىنچى تاللاش چەكلەنگەن

مىسال تېكىست

مىسال ۋاقتى

مىسال پارول

مىسال ۋاقىت ۋاقتى-يەرلىك

مىسال ھەپتە

مىسال ئاي

مىسال رەڭ

مىسال چىقىرىش 100

چېسلا ۋە رەڭ كىرگۈزۈشنى قوللاش

ئېسىڭىزدە تۇتۇڭ ، ۋاقىت كىرگۈزۈش بارلىق توركۆرگۈچلەر تەرىپىدىن تولۇق قوللىمايدۇ ، يەنى Safari.

كۇنۇپكىلاردىكى كۆرسەتمىلەر

role="button"قايتا قوزغىتىش سۈكۈتتىكى نۇر بەلگىنى ئۆزگەرتىش ئۈچۈن كۈچەيتىشنى ئۆز ئىچىگە ئالىدۇ pointer. بۇ خاسلىقنى ئېلېمېنتلارغا قوشۇڭ ، ئېلېمېنتلارنىڭ ئۆز-ئارا تەسىر كۆرسىتىدىغانلىقىنى كۆرسىتىپ بېرىدۇ. <button>بۇ رول ئېلېمېنتلارغا ئېھتىياجلىق ئەمەس cursor.

كۇنۇپكا ئەمەس ئېلېمېنت كۇنۇپكىسى

html

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

ئوخشىمىغان ئېلېمېنتلار

ئادرېس

<address>ئېلېمېنت توركۆرگۈنىڭ سۈكۈتتىكى ھالىتىنى ئەسلىگە font-styleكەلتۈرۈش italicئۈچۈن normalيېڭىلاندى . line-heightئۇمۇ ھازىر ۋارىسلىق قىلىندى ۋە margin-bottom: 1remقوشۇلدى. <address>s ئەڭ يېقىن ئەجداد (ياكى پۈتۈن خىزمەت گەۋدىسى) نىڭ ئالاقىلىشىش ئۇچۇرلىرىنى كۆرسىتىش ئۈچۈندۇر. قۇرلارنى ئاخىرلاشتۇرۇش ئارقىلىق فورماتنى ساقلاڭ <br>.

Twitter, Inc.
1355 Market St, Suite 900
San Francisco, CA 94103
P: (123) 456-7890

تولۇق ئىسمى
[email protected]

Blockquote

بۆلەكتىكى سۈكۈتتىكى marginھالەت 1em 40px، شۇڭا ئۇنى 0 0 1remباشقا ئېلېمېنتلار بىلەن تېخىمۇ ماس كېلىدىغان نەرسىگە قايتۇرىمىز.

ھەممىگە تونۇشلۇق نەقىل ، چەكلەش ئېلېمېنتى بار.

مەنبە ماۋزۇسىدا داڭلىق كىشى

ئېلېمېنتلار

ئېلېمېنت ئاساسىي <abbr>ئۇسلۇبنى قوبۇل قىلىپ ، ئابزاس تېكىستى ئارىسىدا ئالاھىدە گەۋدىلىنىدۇ.

HTML قىسقارتىش ئېلېمېنتى.

خۇلاسە

cursorخۇلاسەدىكى سۈكۈتتىكى ھالەت text، شۇڭا ئۇنى قايتا pointerچېكىپ ، ئۇنى چېكىش ئارقىلىق ئېلېمېنتنىڭ ئۆز-ئارا تەسىر كۆرسىتەلەيدىغانلىقىنى يەتكۈزىمىز.

بەزى تەپسىلاتلار

تەپسىلاتلار ھەققىدە تېخىمۇ كۆپ ئۇچۇرلار.

تېخىمۇ كۆپ تەپسىلاتلار

بۇ يەردە تېخىمۇ كۆپ تەپسىلاتلار بار.

HTML5 `[hidden]`خاسلىقى

HTML5 ئىسىم قويۇلغان يېڭى يەرشارى خاسلىقى[hidden]display: none قوشۇلغان بولۇپ ، سۈكۈتتىكى ھالەتتە ئۇسلۇب قىلىنغان. PureCSS دىن بىر پىكىرنى ئارىيەتكە ئالساق ، [hidden] { display: none !important; }ئۇنىڭ تاسادىپىي ئېشىپ كېتىشىنىڭ ئالدىنى ئېلىش ئۈچۈن ، بۇ سۈكۈتتىكى ھالەتنى ياخشىلايمىز display.

<input type="text" hidden>

jQuery ماس كەلمەيدۇ

[hidden]$(...).hide()jQuery نىڭ ئۇسۇلى ۋە ئۇسۇلىغا ماس كەلمەيدۇ $(...).show(). شۇڭلاشقا ، بىز ھازىر ئېلېمېنتلارنىڭ ئېلېمېنتلىرىنى [hidden]باشقۇرۇشتىكى باشقا تېخنىكىلارنى قوللىمايمىز display.

پەقەت ئېلېمېنتنىڭ كۆرۈنۈشچانلىقىنى displayئۆزگەرتىش ئۈچۈن ، ئۇ ئۆزگەرتىلمىگەن ، ئېلېمېنت يەنىلا ھۆججەتنىڭ ئېقىمىغا تەسىر كۆرسىتەلەيدۇ ، ئۇنىڭ ئورنىغا .invisibleسىنىپنى ئىشلىتىڭ .

قايتا قوزغىتىش

يېقىنلىشىش

CSS ئۆزگەرگۈچى مىقدار

بەت سۈكۈتتىكى ھالەتتە

يەرلىك خەت نۇسخىسى

ماۋزۇ ۋە ئابزاس

توغرىسىغا قائىدىلەر

تىزىملىك

ئىچكى كود

كود چەكلىمىسى

ئۆزگەرگۈچى مىقدار

ئىشلەتكۈچى كىرگۈزۈش

ئۈلگە چىقىرىش

جەدۋەل

جەدۋەل

چېسلا ۋە رەڭ كىرگۈزۈشنى قوللاش

كۇنۇپكىلاردىكى كۆرسەتمىلەر

ئوخشىمىغان ئېلېمېنتلار

ئادرېس

Blockquote

ئېلېمېنتلار

خۇلاسە

HTML5 [hidden]خاسلىقى

jQuery ماس كەلمەيدۇ

HTML5 `[hidden]`خاسلىقى