| Свойства |
fontFamily |
| Значения |
Название семейства шрифта (например, Anal) |
| Значение по умолчанию |
Устанавливается браузером |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. Вы должны закончить родовым названием шрифта (допустимые значения serif, sans-serif, cursive, fantasy или monospace). Если имя шрифта состоит из нескольких слов, вы должны заключить эти слова в кавычки. |
| font-size |
|
| Свойства |
fontSize |
| Значения |
<absolute>, <relative>, <length>, <percentage> |
| Значение по умолчанию |
medium |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да (относительно родительского размера шрифта) |
Значения для этого свойства могут быть выражены несколькими способами:
- абсолютным размером, допустимые значения хх-small, x-small, small, medium, large, x -large, xx-large;
- относительным размером, допустимые значения larger, smaller;
- длиной в любых из описанных в начале раздела единицах измерения;
- процентным отношением: значения представлены в процентах от родительского размера шрифта.
|
| font-style |
|
| Свойства |
fontStyle |
| Значения |
normal, italic, oblique |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Это свойство используется для определения стиля вашего шрифта. Если существует уже готовый вариант шрифта (например, New York Oblique), то он будет применен, в противном случае изменение шрифта будет произведено программно. |
| font-variant |
|
| Свойства |
fontVariant |
| Значения |
normal, small-caps |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Normal — это стандартный вид, установленный по умолчанию, small-caps использует прописные буквы того же размера, что и обычные строчные. |
| font-weight |
|
| Свойства |
fontWeight |
| Значения |
normal, bold, bolder, lighter или числовые значения от 100 до 900 |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет жирность шрифта текста, которая зависит от толщины линии. Если используется числовое выражение, то число обязательно должно быть кратным 100: 400 — то же, что и normal, 700 — то же, что и bold. |
Свойства цвета и фона
| Свойства |
color |
| Значения |
Название цвета или его номер |
| Значение по умолчанию |
Зависит от броузера |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80% ,20% ,0%" или в десятичной системе - "245, 0, 20". |
| Background |
|
| Свойства |
background |
| Значения |
transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion> |
| Значение по умолчанию |
transparent |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да (относительно размера самого элемента) |
| Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat -х, repeat-у и no-repeat; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям: |
| background-attachment |
| Свойства |
backgroundAttachment |
| Значения |
fixed, scroll |
| Значение по умолчанию |
scroll |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы. |
| background-color |
|
| Свойства |
backgroundСolor |
| Значения |
transparent, <color> |
| Значение по умолчанию |
transparent |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например "#FFFFFF", процентами - "80%, 20%, 0%" или в десятичной системе "255,0,0". Синтаксис для использования двух смешанных цветов такой: BODY { background-color: red/blue } |
| background-image |
| Свойства |
backgroundimage |
| Значения |
<URL>,none |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес можно задавать абсолютным или относительным, но обязательно он должен быть заключен в скобки и идти непосредственно за словом url. |
| background-position |
|
| Свойства |
backgroundposition |
| Значения |
<position>, <length>, top, center, bottom, left,right |
| Значение по умолчанию |
top, left |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Указывает начальное положение фоновой картинки с помощью двух значений, определяющих занимаемую часть страницы (по горизонтали, по вертикали), абсолютное расстояние (в соответствующих единицах измерения, сначала по горизонтали, потом по вертикали) или используя два ключевых слова из возможных. |
| background-repeat |
|
| Свойства |
backgroundrepeat |
| Значения |
repeat, repeat-x, repeat-у, no-repeat |
| Значение по умолчанию |
repeat |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Определяет, повторяется ли фоновая картинка для заполнения страницы или элемента. Если используются значения repeat -x, repeat-у, то картинка повторяется лишь вдоль одного направления. По умолчанию устанавливается повторение по обоим направлениям. |
Свойства текста
| Свойства |
letterSpacing |
| Значения |
normal, <length> |
| Значение по умолчанию |
normal |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет расстояние между буквами, length обозначает добавочное расстояние между буквами. Оно должно быть выражено с указанием единиц измерения. |
| line-height |
| Свойства |
lineHeight |
| Значения |
<число>, <length>,<percentage>, normal |
| Значение по умолчанию |
normal |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да, по отношению к размеру шрифта текущего элемента |
| Опрелеляет высоту текущей строки. Числовые значения интерпретируются как размер шрифта текущего элемента, умноженный на соответствующий коэффициент (например 1,2). Если используется length, должны указываться единицы измерения. Процентное соотношение используется в сравнении с текущим размером шрифта и должно быть больше 100%. |
| list-style |
| Свойства |
listStyle |
| Значения |
<ключевое слово>, <position>, <url> |
| Значение по умолчанию |
normal |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет, как должны изображаться элементы списка. Может быть использовано для установки всех свойств. Их можно также установить по частям, пользуясь следующими свойствами. |
| list-style-image |
| Свойства |
listStylelmage |
| Значения |
none,<url> |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет адрес картинки, используемой в качестве маркера или пиктограммы для каждого элемента списка. |
| list-style-position |
| Свойства |
listStylePosition |
| Значения |
inside, outside |
| Значение по умолчанию |
outside |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Указывает, внутри или вне тела списка должен находиться маркер. |
| list-style-type |
| Свойства |
listStyleТype |
| Значения |
none,circle,disk, square,decimal,lower-alpha, upper-alpha, lower -roman, upper-roman |
| Значение по умолчанию |
disk |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет вид маркера списка, используемого перед каждым элементом. |
| text-align |
| Свойства |
textAlign |
| Значения |
left, right, center, justify |
| Значение по умолчанию |
disk |
| Поддерживается |
В зависимости от браузера |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
| Определяет, как текст будет выровнен относительно содержащего его элемента. По существу, делает то же, что и тэг <DIV AUGN= ...>. |
| text-decoration |
| Свойства |
textDecoration, textDecorationLineThrough, textDecorationUnderLine, textDecorationOverUne |
| Значения |
none,overline, underline,line-through |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Нет |
| Позволяет добиться специального вида текста. Открыт для расширений, неопознанные расширения интерпретируются как подчеркивание. Это свойство не наследуется, но обычно распространяется на дочерние элементы, лежащие внутри родительских. |
| text-indent |
| Свойства |
Тypetextlndent |
| Значения |
<length>,<percentage> |
| Значение по умолчанию |
Zero |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Да, относительно ширины родительского элемента |
| Устанавливает величину отступа в единицах измерения или в процентах от ширины родительского элемента. |
| text-transform |
| Свойства |
textTransform |
| Значения |
capitalize,uppercase,lowercase,none |
| Значение по умолчанию |
none |
| Поддерживается |
Всеми элементами |
| Работает ли механизм наследования |
Да |
| Возможна ли процентная запись |
Нет |
- capitalize делает заглавной первую букву каждого слова в элементе;
- uppercase делает все буквы в словах элемента заглавными;
- lowercase делает все буквы в словах элемента строчными;
- nonе снимает все установки, приобретенные в результате наследования
|
| vertical-align |
| Свойства |
verticalAlign |
| Значения |
baseline, sub, super, top, text-top,middl bottom, text-bottom, <percentage> |
| Значение по умолчанию |
baseline |
| Поддерживается |
Встроенными элементами |
| Работает ли механизм наследования |
Нет |
| Возможна ли процентная запись |
Да, по отношению к высоте строки |
Определяет расположение текущего элемента по вертикали:
- baseline устанавливает выравнивание по образцу родительского элемента;
- middle устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего;
- super переводит элемент в верхний регистр;
- sub переводит элемент в нижний регистр;
- text-top выравнивает элемент по верху текста, набранного шрифтом родительского элемента;
- text-bottom выравнивает элемент по низу текста, набранного шрифтом родительского элемента;
- top выравнивает верх элемента по верху самого высокого элемента текущей строки;
- bottom выравнивает по низу самого низкого элемента текущей строки.
|
Содержание раздела
| | | | | | | | | | | | | | | | | | | | |
