Ιδιότητα tab-size

Η ιδιότητα tab-size ορίζει το μέγεθος της εσοχής που δημιουργείται με το πλήκτρο Tab.

Λειτουργεί μόνο εάν έχει οριστεί η ιδιότητα white-space σε τιμή pre ή pre-wrap, καθώς και για την ετικέτα pre.

Ως τιμή δέχεται έναν θετικό ακέραιο αριθμό, ο οποίος καθορίζει τον αριθμό των κενών, στα οποία θα αντιστοιχεί το πλήκτρο Tab. Προεπιλεγμένη τιμή: 8 κενά.

Σύνταξη

cssεπιλογέας {
  tab-size: θετικός ακέραιος αριθμός;
}

Παράδειγμα

Ας ορίσουμε την εσοχή 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;
}

Результат: