Шрифт-розтяжка - CSS-хитрощі

Anonim

font-stretchНерухомість, введений в CSS3, вибирає нормальний, щільний або розширений особа від шрифту.

Для того, щоб використовувати font-stretchі бачити якийсь результат, використовуваний шрифт повинен мати грань, яка відповідає заданому значенню. Іншими словами, font-stretchне буде працювати будь-який шрифт, а лише шрифти, розроблені з різними гранями, що відповідають визначеним розмірам.

p ( font-stretch: ultra-condensed; )

font-stretch приймає одне з таких значень:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Якщо певний шрифт не має всіх граней, будь-яке використане значення буде відображено до найближчого еквівалентного грані. Звичайні або стислі значення відображатимуться на більш вузький шрифт, а розширені - на більш широке обличчя, або ж найближче вужче обличчя.

Підтримуючи браузери, font-stretchможе використовуватися як частина fontскороченого властивості.

Підтримка браузера

Chrome Сафарі Firefox Опера IE Android iOS
жоден жоден 9+ жоден 9+ жоден жоден