font-size
Краткое описание свойства 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>
Результат:
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Добавить комментарий
