tab-size ဂုဏ်သတ္တိ

tab-size ဂုဏ်သတ္တိသည် Tab ခလုတ်ဖြင့် ဖန်တီးထားသော အကွာအဝေး၏ အရွယ်အစားကို သတ်မှတ်ပေးသည်။

ဤဂုဏ်သတ္တိသည် white-space ဂုဏ်သတ္တိကို pre သို့မဟုတ် pre-wrap တန်ဖိုးဖြင့် သတ်မှတ်ထားပါက သို့မဟုတ် pre တဂ်အတွက်သာ အလုပ်လုပ်သည်။

ဂုဏ်သတ္တိ၏ တန်ဖိုးအဖြစ် အပြုသဘောဆောင်သော ကိန်းပြည့်ကို လက်ခံပြီး၊ ၎င်းသည် Tab ခလုတ်နှင့် ကိုက်ညီမည့် အကွာအဝေးအရေအတွက်ကို သတ်မှတ်ပေးသည်။ စံထားရာ တန်ဖိုးမှာ 8 အကွာအဝေးများ ဖြစ်သည်။

ဝါကျဖွဲ့ပုံ

cssselector {
  tab-size: positive integer number;
}

နမူနာ

Tab အကွာအဝေးကို 0 အကွာအဝေးများနှင့် ညီမျှအောင် သတ်မှတ်ကြပါစို့။

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 0;
  white-space: pre;
  border: 1px solid black;
}

Результат:

နမူနာ

Tab အကွာအဝေးကို 1 အကွာအဝေးနှင့် ညီမျှအောင် သတ်မှတ်ကြပါစို့။

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 1;
  white-space: pre;
  border: 1px solid black;
}

Результат:

နမူနာ

Tab အကွာအဝေးကို 2 အကွာအဝေးများနှင့် ညီမျှအောင် သတ်မှတ်ကြပါစို့။

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 2;
  white-space: pre;
  border: 1px solid black;
}

Результат: