font-size

Устанавливает размер шрифта.

font-size - устанавливает размер шрифта элемента.

Синтаксис:
p {font-size:абсолютный размер | относительный размер | значение | проценты;}

Описание аргументов:

абсолютный размер
- является скорей "относительно абсолютным" так как зависит от настроек браузера. Размер шрифта устанавливается двумя способами:
xx-small, x-small, small, medium, large, x-large, xx-large- задают размер, который называется абсолютным.

относительный размер
larger, smaller - константы которые устанавливают относительные размеры шрифта. Размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу.

значение | проценты
Для задания размера шрифта можно использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пиксели (px), проценты (%) и др. Шрифт, размер которого равен 100%, равен размеру шрифта родительского контейнера. Использование отрицательных значений не допускается.

Значение по умолчанию

medium

Обьектная модель:

[window.]document.getElementById("elementID").style.fontSize


Пример использования атрибута font-size:

Листинг style.css:
span{ font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px;}
    strong{ font-family:Arial, Helvetica, sans-serif; font-size:15px;}
Листинг index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 <link type="text/css" rel="stylesheet" href="/style.css" />
 <title>Параметр font-size</title>
 </head>
 <body>
 <span>Error</span> sit voluptatem <strong>assusantium</strong> doloremque 
 laudantium, totam rem aperiam eaque ipsa quae 
 ab illo inventore
 </body>
 </html>

 

Добавить комментарий


Защитный код
Обновить


Последние комментарии

  • Чем отличаются margin-top от margin-bottom?
  • 5
  • Отличный сайт! :D