Облегчить душу

Свойство "font-size" (размер шрифта)

Значение
В качестве значения может принимать абсолютные и относительные длины, процентное соотношение и ключевые слова.Согласно спецификации CSS, начальное значение свойства font-size – ключевое слово medium – что равно высоте 16px.Ключевые слова (xx-small, x-small, small, medium, large, x-large, xx-large) определяют абсолютные размеры. Где:xx-small – самый мелкийsmall – мелкийmedium - среднийlarge - крупныйxx-large – самый крупныйlarger и smaller аналогичны значениям bolder lighter для свойства font-weight. С их помощью вычисляемое значение перемещается вверх или вниз по шкале размеров, относительно их родительского элемента.Размеры, заданные в процентах, рассчитываются относительно размера шрифта родительского элемента.

Синтаксис

<ul>
<li style="font-size:xx-small;">размер xx-small</li>
<li style="font-size:x-small;">размер x-small</li>
<li style="font-size:small;">размер small</li>
<li style="font-size:medium;">размер medium</li>
<li style="font-size:large;">размер large</li>
<li style="font-size:x-large;">размер x-large</li>
<li style="font-size:xx-large;">размер xx-large</li>
<li style="font-size:smaller;">размер smaller</li>
<li style="font-size:larger;">размер larger</li>
<li style="font-size:1.4em;">размер 1.4em</li>
<li style="font-size:10px;">размер 10px</li>
<li style="font-size:120%;">размер 120%</li>
<li style="font-size:80%;">размер 80%</li>
</ul>

Пример использования

  • размер xx-small
  • размер x-small
  • размер small
  • размер medium
  • размер large
  • размер x-large
  • размер xx-large
  • размер smaller
  • размер larger
  • размер 1.4em
  • размер 10px
  • размер 120%
  • размер 80%

Онлайн: 1 из 51