CSS - шрифт

Описание

Свойство font - это сокращенное свойство, используемое для влияния на отображение текста.

Возможные значения

Возможные значения будут зависеть от того, как мы используем это свойство.

  • <font-style> - Любое разрешенное значение для свойства font-style.

  • <font-variant> - Любое разрешенное значение для свойства font-variant.

  • <font-weight> - Любое разрешенное значение свойства font-weight.

  • <font-size> - Любое разрешенное значение для свойства font-size.

  • <font-family> - Любое разрешенное значение для свойства font-family.

  • <line-height> - Любое разрешенное значение свойства line-height.

  • caption- Шрифт, используемый операционной системой для элементов управления с субтитрами (например, кнопок и раскрывающихся меню). Это одно из значений «системного шрифта».

  • icon- Шрифт, используемый операционной системой для обозначения значков. Это одно из значений «системного шрифта».

  • menu- Шрифт, используемый операционной системой в меню (например, раскрывающихся меню и списках меню). Это одно из значений «системного шрифта».

  • message-box- Шрифт, используемый операционной системой в диалоговых окнах (например, в диалоговых окнах предупреждений). Это одно из значений «системного шрифта».

  • small-caption- Шрифт, используемый операционной системой для обозначения небольших элементов управления. Это одно из значений «системного шрифта».

  • status-bar- Шрифт, используемый операционной системой в строках состояния окон. Это одно из значений «системного шрифта».

Относится к

Все элементы HTML.

Синтаксис DOM

object.style.font = "bold italic small-caps 250%/1.2 sans-serif";

пример

Вот пример использования сокращенного свойства шрифта -

<html>
   <head>
   </head>

   <body>
      <p style = "font:italic small-caps bold 15px georgia;">
         Applying all the properties on the text at once.
      </p>
   </body>
</html>

Это даст следующий результат -


CSS Адаптивный

Language