Размак речи - ЦСС-трикови

Anonim

word-spacingИмовина је сличан letter-spacing, мада наравно његова употреба регулише количину простора између речи у дела текста, а не појединачних карактера.

p ( word-spacing: 2em; )

word-spacing могу да приме три различите вредности:

  1. „нормална“ кључна реч, која ресетује задати размак
  2. вредности дужине користећи било које ЦСС јединице (најчешће пк, ем, рем)
  3. кључна реч „наследити“, која примењује word-spacingродитељски елемент

Најбоља пракса у овом тренутку била би употреба em. Величина фонта се може прилагодити, па би употреба пиксела за ово могла да изазове проблеме у размаку између речи који се не би мењао као њихова величина. remје обично сјајно, али подршка за прегледач је мања и у овом случају вероватно је најбоље да је размак релевантан директно за речи на које се примењује, а не за роот.

Важно је напоменути да се „реч“ у овом контексту заправо односи на јединствени део уграђеног садржаја - што значи да word-spacingутиче на inline-blockелементе као и на inlineелементе. У овом примеру, неколико таквих елемената је размакнуто подешавањем word-spacingматичног контејнера:

Погледајте ову оловку!

Тачке од интереса

  • word-spacingИмовина је аниматабле са Транситионс ЦСС.
  • Иако је употреба вредности „проценат“ за одређивање размака дозвољена према спецификацији, она може дати непредвидиве резултате - често једноставно никакав ефекат.
  • Постављање празног простора на нулу један је од начина за борбу против простора између уграђених елемената блока.

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

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова Већина Извођење радова

Напомена о подршци за Андроид прегледач: Велика већина Андроид уређаја подржава - word-spacingмеђутим, неки уређаји који користе Вебкит или Нетфронт претраживач који нису Аппле-ови не подржавају . Специфичности су детаљно описане на горњој вези КуирксМоде.