Свойства |
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 выравнивает по низу самого низкого элемента текущей строки.
|
Содержание раздела
| | | | | | | | | | | | | | | | | | | | |