2010-08-23

Стили шрифтов hTML

   Изменение шрифта текста при помощи HTML мы рассматривали ранее. Теперь разберемся, какие есть стили шрифтов и как ими пользоваться.
<span style="font-family:Georgia; font-weight: lighter; font-style:oblique; font-variant:normal; color:red">Стиль шрифта</span>
где

  • color - цвет,

  • font-family - вид шрифта, можно определять несколько значений, в порядке предпочтения, разделяются запятой. Отображается первый шрифт. Если он не поддерживается, тогда используется следующий.

  • font-size - размер шрифта. Измеряется как в пикселях, так и в процентах.

  • font-weight - Насыщенность шрифта. Может определятся, как lighter, normal, bold, bolder или в диапазоне от 100 до 900, но не все числовые значения распознаются браузерами.

  • font-style - стиль шрифта. Виды: normal, italic, oblique.

  • font-variant - вариант шрифта: normal или small-caps;

  • ..
  • letter-spacing:3px - интервал между буквами в пикселях;

  • word-spacing:7px - интервал между словами;

  • line-height - высота интервала между строчками. Значение в пикселях.

  • text-align - выравнивание текста. Виды: center (центрирование), right (по правому краю), left (по левому краю), justify (по ширине).

  • text-decoration - дополнительное оформление текста. Значения: none, line-through, overline, underline, blink (мерцающий текст).

  • text-transform - прописные или строчные буквы. Значения: none, capitalize, lowercase, uppercase

  • vertical-align - выравнивание текста по вертикали. Значения: bottom, top, baseline, middle, sub, super, text-bottom, text-top

  • Читайте также Готовые стили шрифтов

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности