Величина картице - ЦСС-трикови

Anonim

tab-sizeИмовина у ЦСС се користи за подешавање висине простора који екрана за таб карактером.

pre ( tab-size: 8; /* default. Pretty big! */ tab-size: 2; tab-size: 13px; /* you can set a width-per-tab also */ )

Поиграјте се са овим клизачима опсега да бисте видели како различите вредности утичу на приказ картица (када заиста можете да видите картице):

Погледајте оловку
рНБЛИаП Цхриса Цоииера (@цхрисцоииер)
на ЦодеПен-у.

Знак картице (уницоде У + 0009) се по правилима обраде празног простора обично претвара у размаке (уницоде У + 0020), а затим сажима тако да се у прегледачу приказује само један размак у низу. Стога је tab-sizeсвојство корисно само када се правила за обраду празног простора не примењују, наиме унутар а

таг и када је white-spaceсвојство елемента постављено на pre-wrap.

Подразумевана вредност за tab-sizeсвојство је 8 размака и може прихватити било коју позитивну целобројну вредност.


Ево неколико примера различитих начина на које tab-sizeсе могу користити:


Погледајте оловку
рНБЛИјг Цхриса Цоииера (@цхрисцоииер)
на ЦодеПен-у.





Као што можете видети у горњим примерима, tab-sizeсвојство прилагођава количину простора предвиђеног за знак картице. У другом примеру,


white-spaceсвојство ознаке мора бити прилагођено како pre-wrapби се знакови таба не претворили у редовне размаке и скупили.


Такође ћете приметити у ЦСС да су -moz-и -o-префикси су потребна за Фирефок и Опера, али је Цхроме прихвата не префиксом верзију.


Полифилл


Подразумевано осам места је страшно велико. Ако требате да подржите неподржани прегледач, можете да користите овај полифил (ЈаваСцрипт у овој оловци):


Погледајте
полифик величине оловке у облику оловке компаније ЦСС-Трицкс (@ цсс-трицкс)
на ЦодеПен-у.


Подршка прегледача


Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.


Десктоп


 

 

 Хром Фирефок ИЕ Ивица Сафари 


 

 

 

 42 53 * Не 79 13.1 


 

 



Мобиле / Таблет


 

 

 Андроид Цхроме Андроид Фирефок Андроид иОС Сафари 


 

 

 

 88 85 * 81 13.4-13.7 


 

 



Ово својство се врло грациозно разграђује. Сваки прегледач подржава знакове табулатора. Недостатак подршке за ову особину ништа не нарушава, претраживач уместо тога приказује само картице широке осам знакова.