Home | О проекте | Новости | Рекламные статейки

ВернутьсяВ начало

1.Рекламка: s |

style, currentStyle и runtimeStyle NN 6   IE 4   DOM 1
2.Рекламка: s | ;
x |   

Все эти объекты возвращают объект стиля, содержащий множество свойств (порядка 180), относящихся к спецификации таблицы стилей, которая, в свою очередь, связана либо с объектом styleSheet, либо с объектом любого отображаемого элемента HTML. Почти к каждому объекту, отражающему элемент HTML, могут быть привязаны собственные объекты style. Объект style отражает набор атрибутов STYLE в тэге элемента. Если элемент находится под влиянием таблицы CSS, те значения CSS - не часть объекта style. Даже если элемент находится под влиянием одного из этих отдаленных правил таблицы стилей, Вы все еще можете назначать значение на любое свойство объекта style для любого элемента: установка, вероятно, отменит (на основании правил CSS) стили, назначенные от элемента STYLE.

Важно знать, что, в то время как свойство объекта style показывает заданное по умолчанию поведение (например, размер шрифта или выравнивание), значение по умолчанию не может быть отражено в свойстве, если оно не было явно установлено в тэге элемента атрибута STYLE или назначено другой инструкцией сценария. Версия Macintosh Internet Explorer 4 немного лучше в демонстрации значений по умолчанию, но, вообще говоря, значение по умолчанию свойства объекта style - пустая строка или пустой указатель. Поэтому, не ожидайте, что тестирование условия обязательно покажет текущее значение свойства, если это не было установлено предварительно.

Объект currentStyle в IE 5 доступен только для чтения. Он возвращает присоединённую (с помощью дескрипторов STYLE или LINK) таблицу стилей, применённую к текущему элементу. Свойства объекта currentStyle в IE 5 несколько отличаются от свойств объекта style. В объекте currentStyle отсутствуют свойства, содержащие комбинированные значения, такие как border или borderBottom. С другой стороны, этот объект имеет такие специальные свойства, как расположение сторон прямоугольника обрезки (clipTop, clipRight, clipBottom и clientLeft), которые не поддерживаются свойством clip.

компания Microsoft разработала ещё один объект стиля - runtimeStyle (в IE5.5). Этот объект позволяет сценарию в любой момент отменять любое свойство стиля, заданное в таблице с помощью атрибута STYLE. Иными словами, этот объект является версией currentStyle, доступной для чтения и записи. Отличие состоит в том, что, задавая новое значение одному из свойств этого объекта, невозможно переопределить значения в атрибуте STYLE таблицы стилей.

С этими объектами связано такое количество свойств, что разобраться во всех них и выбрать нужное практически не представляется возможным, если учесть и такой факт, что некоторые свойства поддерживаются лишь некоторыми броузерами, а некоторые, хоть и объявлены в спецификации W3C CSS Level 1 и 2, вообще не поддерживаются броузеами. Поэтому далее перечислены лишь те свойства, которые поддерживаются броузерами и среди похожих (дублирующихся) свойств их работа представляется самой корректной.

Свойства объекта стиля имеют строковые значения. Кроме того, значение многих групп свойств стилей имеют одинаковый формат. Поэтому необходимо знать формат часто используемых свойств. Этот справочник - по JavaScript, поэтому, если в этом разделе встретятся незнакомые термины, можно обратиться к какому-нибудь справочнику по CSS.

Единицы длины

Существует множество значений длины, каждое из которых определяет физический размер содержимого в документе. Единицы измерений, применяемые в CSS, представлены в таблице:

Единица измерения В сценарии Пример
Пиксель px 14px
Кегель em 1.5em
Ex ex 1.5ex
Дюйм in 3.0in
Сантиметр cm 4.0cm
Миллиметр mm 40mm
Цицеро pi 72pi
Точка pt 14pt

Строковое значение также может быть представлено в процентах.

Цвет

Существует 3 типа значений цвета:

  1. значения RGB. Они могут быть в формате #RRGGBB, называемом шестнадцатеричным триплетом. Существуют специальные сокращения записей: если указаны три цифры, то значение расширяется до 6 (#F0F эквивалентно #FF00FF). Альтернативное выражение RGB-значения может быть задано в виде перфикса rgb() и трёх цифр по основанию 10. Например:
    document.styleSheets[0].rules[0].style.color = rgb(0, 255, 0);
    document.styleSheets[0].rules[0].style.color = rgb(0%, 100%, 0%);
  2. Обычные названия цветов (см. Цветовые константы). Список безопасных цветов (Web 216) см. по адресу http://www.lynda.com/manuals/htmlguid/colortab.html
  3. Названия элементов пользовательского интерфейса системы. см. Цветовые константы#Системные цвета

Стороны прямоугольника

Многие свойства управляют видом сторон прямоугольника. В большинстве случаев значения стилей могут быть применены к отдельным сторонам или к комбинациям сторон прямоугольника, в зависимости от того, скольо значений может иметь то или иное свойство. Количество значений влияет на 4 стороны прямоугольника следующим образом:

Количество значений Влияние
1 Всем 4 сторонам назначено 1 и то же значение
2 Верхней и нижней стороне назначено одно значение, правой и левой - другое
3 Верхней стороне назначено одно значение, правой и левой - другое значение, нижней - третье
4 Всем 4 сторонам назначено индивидуальное значение

Пример:

 

Установить значения

Также следует отметить, что существуют комбинированные значения свойств, компоненты которых представляют разные классы значений. Имеет место также формат значений "URL", который задаётся с помощью приставки url() следующим образом:
ссылкаНаЭлемент.style.backgroundImage = "url(chainLink.jpg)"

 
 
Объектно-ориентированная модель
IE4+/NN6 [window.]document.all.elementID.style
IE4+/NN6 document.styleSheets[i].style
IE5+ [window.]document.all.elementID.currentStyle
IE5.5 [window.]document.all.elementID.runtimeStyle

Свойства:


background NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Атрибут элемента CSS background . Обозначенное свойство состоит из строки разграниченных пространством значений для свойств backgroundAttachment, backgroundColor, backgroundImage, backgroundPosition, и backgroundRepeat . Может быть одно или более значение background , и значения могут идти в любом порядке.

 
Пример:

document.all.tags("DIV").style.background = "url(logo.gif) repeat-y"

 
Возвращаемое значение:
Строка разграниченных пространством значений, соответствующих одному или более отдельным свойствам стиля background .
 
Значение по умолчанию: Ничего.

backgroundAttachment NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Устанавливает, как изображение "сопоставлено" с элементом. Изображение может или оставаться неподвижным в пределах просматриваемой области (области просмотра) или может прокручиваться с элементом, если документ большой.

 
Пример:

document.all.tags("DIV").style.backgroundAttachment = "fixed"

 
Возвращаемое значение:
Строка из допустимого значения: fixed | scroll.
 
Значение по умолчанию: scroll

backgroundColor NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Цвет фона элемента. Если Вы также устанавливаете backgroundImage, изображение будет поверх цвета. Прозрачные пикселы изображения позволяют цвету проглядываться через него.

 
Пример:

document.all.highlighted.style.backgroundColor = "yellow"

 
Возвращаемое значение:
Любая действующая спецификация цвета .
 
Значение по умолчанию: Ничего.

backgroundImage NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

URL фонового изображения элемента. Если Вы также устанавливаете backgroundColor, изображение будет поверх цвета.Прозрачные пикселы изображения позволяют цвету проглядываться через него.

 
Пример:

document.all.navbar.style.backgroundImage = "images/navVisited.jpg"

 
Возвращаемое значение:
Любой полный или локальный URL к файлу изображения.
 
Значение по умолчанию: Ничего.

backgroundPosition NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Местоположение фонового изображения относительно области элемента (плюс дополнение). Это свойство должным образом не реализовано в Internet Explorer 4 для Macintosh.

 
Пример:

document.all.div3.style.backgroundPosition = "20 50"

 
Возвращаемое значение:
Вы должны быть способны определить один или два процента от ширины поля блока и высоты (соответственно), в какой точке изображения начинаются повторные изображения . Установка значений в процентах, однако, не всегда работает в IE 4 для Windows (и не работает на Mac вообще), даже при том, что они установлены как значения по умолчанию. Вам будет безопаснее всего использовать значения в пикселах (как разграниченные пробелом значения внутри одной строки). Ни одна из позволенных констант, кроме TOP и LEFT, не признана.
 
Значение по умолчанию: 0% 0%

backgroundPositionX, backgroundPositionY NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Top и left местоположения фонового изображения относительно области элемента (плюс дополнение). Эти свойства не реализованы должным образом в Internet Explorer 4 для Macintosh.

 
Пример:

document.all.div3.style.backgroundPositionX = "20" document.all.table2.style.backgroundPositionY = "10"

 
Возвращаемое значение:
Вы должны быть способны определить один или два процента от ширины поля блока и высоты (соответственно), в какой точке изображения начинаются повторные изображения . Установка значений в процентах, однако, не всегда работает в IE 4 для Windows (и не работает на Mac вообще), даже при том, что они установлены как значения по умолчанию. Вам будет безопаснее всего использовать значения в пикселах (как разграниченные пробелом значения внутри одной строки). Ни одна из позволенных констант, кроме TOP и LEFT, не признана.
 
Значение по умолчанию: 0

backgroundRepeat NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Должно ли фоновое изображение (указанное свойством backgroundImage ) повторяться и, если так,то по какой оси. Вы можете использовать повторяющиеся фоновые изображения, чтобы создать горизонтальные и вертикальные полосы с некоторыми параметрами настройки.

 
Пример:

document.all.div3.style.backgroundRepeat = "repeat-y"

 
Возвращаемое значение:
С установкой no-repeat, один образец изображения появится в пределах элемента, установленного свойством backgroundPosition (значение по умолчанию - верхний левый угол). Обычно повторения выполнены по обеим осям, но Вы можете назначить повторение изображения вниз единственным столбцом (repeat-y) или вправо единственной строкой (repeat-x).
 
Значение по умолчанию: repeat

border NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство для получения или установки свойств borderColor, borderStyle и/или borderWidth изо всех четырех границ вокруг элемента в одной инструкции. Вы должны определить стиль границы (см. borderStyle) для изменения этого свойства, чтобы затронуть границы элемента. Другие свойства позволяют Вам устанавливать ширину, стиль и цвет границ или их групп, если Вы не хотите, чтобы все четыре границы были одинаковыми. Только параметры настройки, явно указанные в атрибутах тэга, отражены в свойстве, но Вы можете назначать компоненты не как часть первоначального тэга.

 
Пример:

document.all.announce.style.border = "inset red 4px"

 
Возвращаемое значение:
Для составляющих значений borderStyle и borderWidth см. соответствующие свойства в этой главе.
 
Значение по умолчанию: Ничего.

borderRight, borderTop NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство для получения или установки свойств borderColor, borderStyle и/или borderWidth для отдельного края элемента в одной инструкции. Вы должны определить стиль границы (см. borderStyle) для изменения этого свойства, чтобы затронуть границы элемента. Если Вы хотите, чтобы все четыре грани были одинаковыми, см. атрибут границы. Только параметры настройки, явно указанные в атрибутах тэга, отражены в свойстве, но Вы можете назначать компоненты не как часть первоначального тэга.

 
Пример:

document.all.announce.style.borderBottom = "inset red 4px" document.all.announce.style.borderLeft = "solid #20ff00 2px" document.all.announce.style.borderRight = "double 3px" document.all.announce.style.borderTop = "outset red 8px"

 
Возвращаемое значение:
Для составляющих значений см. соответствующие свойства borderEdgeStyle и borderEdgeWidth.
 
Значение по умолчанию: Ничего.

borderBottomColor, borderLeftColor, borderRightColor, borderTopColor NN n/a   IE 4   DOM n/a
  Чтение/Изменение
 

Цвет одного края границы элемента.

 
Пример:

document.all.announce.style.borderBottomColor = "red" document.all.announce.style.borderLeftColor = "#20ff00" document.all.announce.style.borderRightColor = "rgb(100, 75, 0)" document.all.announce.style.borderTopColor = "rgb(90%, 0%, 25%)"

 
Значение по умолчанию: Ничего.

borderBottomStyle, borderLeftStyle, borderRightStyle, borderTopStyle NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Тип линии одного края границы элемента.

 
Пример:

document.all.announce.style.borderBottomStyle = "groove" document.all.announce.style.borderLeftStyle = "double" document.all.announce.style.borderRightStyle = "solid" document.all.announce.style.borderTopStyle = "inset"

 
Возвращаемое значение:
Значения Стиля - константы без учета регистра, которые связаны со специфичными методами показа линий обрамления. CSS константы стиля: dashed, dotted, double, groove, hidden, inset, none, outset, ridge & solid. Не все броузеры признают все эти значения в CSS рекомендации.
 
Значение по умолчанию: Ничего.

borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Ширина одного края границы элемента. См. также свойство borderWidth.

 
Пример:

document.all.announce.style.borderBottomWidth= "thin" document.all.announce.style.borderLeftWidth = "thick" document.all.announce.style.borderRightWidth = "2px" document.all.announce.style.borderTopWidth = "0.5em"

 
Возвращаемое значение:
Три константы без учета регистра--thin | medium | thick--Позволите броузеру определять точно, сколько пикселов используются, чтобы показать границу. Для большей точности Вы можете также назначать значение длины.
 
Значение по умолчанию: medium

borderColor NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Цвет края границы

 
Пример:

document.all.announce.style.borderColor = "red" document.all.announce.style.borderColor = "red green" document.all.announce.style.borderColor = "black rgb(100, 75, 0) #c0c0c0" document.all.announce.style.borderColor = "yellow green blue red"

 
Возвращаемое значение:
В Internet Explorer это свойство принимает один, два, три, или четыре значения цвета, в зависимости от того, сколько и какие границы Вы хотите установить с определенными цветами.
 
Значение по умолчанию: Цвет объекта (если установлен).

borderStyle NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство которое позволяет Вам устанавливать один или несколько стилей границы. Для Internet Explorer Вы можете установить до 4 значений стиля (через пробел). Число значений определяет какие стороны получают назначенные цвета.

 
Пример:

document.all.announce.style.borderStyle = "solid" document.all.announce.style.borderStyle = "solid double" document.all.announce.style.borderStyle = "double groove groove double"

 
Возвращаемое значение:
Значения стиля - константы без учета регистра, связанные с определенными способами рендеринга линий обрамления. CSS константы стиля: dashed, dotted, double, groove, hidden, inset, none, outset, ridge и solid. Не все броузеры признают все значения CSS спецификации. В Internet Explorer, это свойство принимает один, два, три, или четыре значения, в зависимости от того, сколько и какие границы Вы хотите установить с определенными стилями.
 
Значение по умолчанию: Ничего

borderWidth NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Shortcut-свойство , которое позволяет Вам устанавливать ширину границы. Для Internet Explorer Вы можете установить 4 значения ширины через пробел (Навигатор 4 - свойство только для чтения). Число значений определяет, какие из сторон получат назначенные размеры.

 
Пример:

document.all.founderQuote.style.borderWidth = "3px 5px"

 
Возвращаемое значение:
Три константы без учета регистра--thin | medium | thick--позволяют броузеру определить точно, сколько пикселов используются для показа границы. Для большей точности Вы можете также назначать length. В Internet Explorer это свойство принимает одно, два, три, или четыре значения ширины в зависимости от того, сколько и какие границы Вы хотите установить с определенными размерами.
 
Значение по умолчанию: medium

clear NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Определяет, позволяет ли себе элемент быть отображенным в той же самой горизонтальной полосе как float элемент. Обычно рядом другой элемент имеет атрибут стиля float, установленный на left или right. Чтобы предотвратить перекрытие элементов, установите явно это свойство на ту же самую сторону (left или right). Если Вы не уверены, где могло бы происходить перекрытие, установите свойство явно на оба элемента. Элемент, чьё свойство явно установлено на значение, отличное от 0, представлен в начале строки ниже плавающего элемента.

 
Пример:

document.all.myDiv.style.clear = "both"

 
Возвращаемое значение:
Любая из следующих строковых констант (без учета регистра): both | left | Ничего | right.
 
Значение по умолчанию: Ничего

clip NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Определяет область отсечения элемента. Область отсечения - область слоя элемента, в которой он видим. Отсечение может не работать должным образом в Internet Explorer 4 для Macintosh.

 
Пример:

document.all.art2.style.clip = "rect(5px 100px 40px 0)"

 
Возвращаемое значение:
Строковой параметр без учета регистра или CSS clip атрибут, который определяет форму (rect) и позицию четырех граней относительно верхнего левого угла первоначального элемента. При определении длин для каждой стороны прямоугольника , соблюдайте по часовой стрелке порядок значений: top, right, bottom, left.
 
Значение по умолчанию: Ничего.

color NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Устанавливает приоритетный CSS атрибут цвета (текста).Можно устанавливать атрибут и для графических элементов, но все браузеры будут реализовывать это по разному.

 
Пример:

document.all.specialDiv.style.color = "green"

 
Возвращаемое значение:
Спецификация цвета CSS без учета регистра.
 
Значение по умолчанию: black

cssText NN n/a   IE 4   DOM n/a
 Только чтение
 

Возвращает строку полного правила CSS , приложенного к элементу. Если правило включало параметры настройки атрибута стиля shorthand (типа border), компоненты для каждой из этих четырех сторон записаны по буквами. Например, если Вы устанавливаете атрибут элемента STYLE как STYLE = " border: groove red 3px", cssText возвратит:

BORDER-TOP: 3px groove red; BORDER-RIGHT: 3px groove red; BORDER-BOTTOM: 3px groove red; BORDER-LEFT: 3px groove red

Однако Вы можете назначить свойство на значение shorthand.

 
Пример:

document.all.block3.style.cssText = "margin: 2px; font-size: 14pt"

 
Возвращаемое значение:
Строковое значение атрибутов стиля, разграниченное точкой с запятой.
 
Значение по умолчанию: Ничего.

cursor NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Форма курсора, когда он над элементом. Точный вид курсоров зависит от операционной системы.Свойство затрагивает курсор, только когда он над текущим элементом.

 
Пример:

if (event.altKey) { event.sourceElement.style.cursor = "help" }

 
Возвращаемое значение:
Одна из "курсорных" строковых констант: auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | s-resize | se-resize | sw-resize | text | wait.
 
Значение по умолчанию: auto

display NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Должен ли элемент быть представлен в документе. Когда установлено none, элемент скрыт, и окружающее содержание заполняет пространство; когда установлено на "" (или любое другое значение), элемент отображен.

 
Пример:

document.all.instructionDiv.style.display = ""

 
Возвращаемое значение:
Или none, или пустая строка("").
 
Значение по умолчанию: Ничего.

filter NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Устанавливает визуальный фильтр. Визуальный фильтр может применяться к элементу, чтобы произвести эффекты типа зеркального отражения , жара, тени, и многих другие. Показанный фильтр применяется к элементу, когда его видимость изменяется. Это включает эффекты типа wipes, blinds и barn doors. Свойство filter доступно в Internet Explorer 4, но не работает в версии Macintosh.

 
Пример:

document.all.fancy.style.filter= "dropshadow( )"

 
Возвращаемое значение:
Каждое свойство filter может иметь больше одного типа фильтра (разграничивается пробелом). Каждый тип фильтра сопровождается парой круглых скобок (), которые могут передавать параметры о поведении фильтра для текущего элемента. Параметр состоит из пары "имя/значение"
 
Значение по умолчанию: Ничего.

font NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Свойство shorthand, которое позволяет Вам устанавливать одно или более связанное с шрифтом свойство (fontFamily, fontSize, fontVariant, и fontWeight) с одним оператором присваивания "=". Список разграниченных пробелом значений (в любой последовательности) применяется к определенным свойствам шрифта, для которых значение является имеющим силу типом.

 
Пример:

document.all.subhead.style.font = "bolder small-caps 16pt"

 
Возвращаемое значение:
См. соответствующие свойства
 
Значение по умолчанию: Ничего.

fontFamily NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Расположенный по приоритетам список используемых шрифтов.

 
Пример:

document.all.subhead.style.fontFamily = "'Century Schoolbook' Times serif"

 
Возвращаемое значение:
Любое число имен шрифтов, разграниченных пробелом. Названия(имена) семейства ёмкостью в несколько слов должны быть в кавычках. Признаются универсальные названия семейств: serif | sans-serif | cursive | fantasy | monospace.
 
Значение по умолчанию: По умолчанию для броузера.

fontSize NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Размер шрифта элемента. Размер шрифта может быть установлен несколькими способами. Коллекция констант (xx-small, x-small, small, medium, large, x-large, xx-large) определяет то, что известно как абсолютные размеры

Другие коллекции констант (larger, smaller) известны как относительные размеры.

Наконец, Вы можете устанавливать fontSize в процентах, которые основаны на размере размера шрифта родительского элемента.

 
Пример:

document.all.teeny.style.fontSize = "x-small"

 
Возвращаемое значение:
Значения любой из следующих категорий без учета регистра . Для абсолютного размера, одна из следующих констант : xx-small | x-small | small | medium | large | x-large | xx-large. Для относительного размера одна из следующих констант : larger | smaller.
 
Значение по умолчанию: Размер шрифта родительского элемента.

fontSizeAdjust NN 6   IE 5/Mac; IE/Win n/a  CSS 2
  Чтение/Изменение
 

Контролирует значение длины вторичного семейства шрифтов так, чтобы его символы имели ту же высоту, что и символы основного семейства шрифтов

 
Пример:

document.all.teeny.style.fontSizeAdjust = "1.05"

 
Возвращаемое значение:
Любое число или none
 
Значение по умолчанию: none

fontStretch NN 6   IE 5/Mac; IE/Win n/a  CSS 2
  Чтение/Изменение
 

Контролирует ширину симвлов шрифта при отображении

 
Пример:

document.all.teeny.style.fontStretch = "expanded"

 
Возвращаемое значение:
Любое число или none
 
Значение по умолчанию: none

fontStyle NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Представлен ли элемент как normal, italic или oblique. Если fontFamily включает типы шрифта, помеченные как Italic и/или Oblique, установка атрибута fontStyle вызывает эти специфические типы шрифта.Но если специализированные типы шрифта не доступны в системе, normal тип шрифта обычно изначально выглядит курсивным. Страница, посланная на печать с такими параметрами настройки шрифта полагается на хорошую согласованность между клиентским компьютером и принтером, чтобы выполнить на аппаратном уровне сгенерированное курсивное начертание шрифта.

 
Пример:

document.all.emphasis.style.fontStyle= "italic"

 
Возвращаемое значение:
Internet Explorer 4 признает следующие строковые значения: normal | italic | oblique, но брабатывает и italic, и oblique как italic.
 
Значение по умолчанию: Ничего.

fontVariant NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Преобразует текст как нормальный/ нижний регистр

 
Пример:

document.all.emphasis.style.fontVariant = "small-caps"

 
Возвращаемое значение:
Любое из следующих констант (как строки): normal | small-caps.
 
Значение по умолчанию: normal

fontWeight NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Устанавливает жирность шрифта элемента. CSS обеспечивает(предусматривает) схему оценки жирности, которая является более градуированной, чем большинство броузеров показывает на экране, но точно настроенные жирности могут входить как параметры, когда содержание послано принтеру. Масштаб - числовая оценка от 100 до 900 в приращениях с модулем 100. Поэтому fontWeight 100 был бы наименее полужирный, который будет отображен, в то время как 900 был бы наиболее полужирный. Установка нормали (задана по умолчанию для любого шрифта) эквивалентна значению fontWeight 400; стандартная полужирная установка эквивалентна 700. Другие параметры настройки (bolder и lighter) позволяют Вам установить жирность относительно жирности родительского элемента.

 
Пример:

document.all.hotStuff.style.fontWeight = "bold"

 
Возвращаемое значение:
Любое из следующих постоянных значений: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900.
 
Значение по умолчанию: normal

height, width NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Высота и ширина (и их модули) элемента. Поскольку значения - строки, содержащие постоянные значения, Вы не можете использовать эти свойства для вычисления. См. pixelHeight, pixelWidth, posHeight, и posWidth .

 
Пример:

document.all.viewArea.style.height = "450px"

 
Возвращаемое значение:
Строка, состоящая из числового значения длины + "px" (когда в пикселях), или "%" (когда в процентах).
 
Значение по умолчанию: Ничего.

left NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Для отображаемых элементов, определяет позицию левого края элемента.

Для вычислений на этом значении, восстановите pixelLeft или posLeft свойства, которые возвращают подлинные числовые значения.

 
Пример:

document.all.blockD2.style.left = "45px"

 
Возвращаемое значение:
Строка, состоящая из числового значения длины, процента, или auto.
 
Значение по умолчанию: auto

letterSpacing NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Интервал между символами в пределах элемента.

 
Пример:

document.body.style.letterSpacing = "1.1em"

 
Возвращаемое значение:
Строка значения длины (с модулем меры) или normal.
 
Значение по умолчанию: normal

lineBreak NN n/a   IE 5/Win  CSS n/a
  Чтение/Изменение
 
Контролирует правило разрыва для текстового содержимого на японском языке.
 
Пример:

document.body.style.lineBreak = "strict"

 
Возвращаемое значение:
Константа normal|strict
 
Значение по умолчанию: normal

lineHeight NN 6   IE 4   CSS 2
 Чтение/Изменение
 

Высота встроенного поля (поле, содержащее одну строку).

 
Пример:

document.all.tight.style.lineHeight = "1.1em"

 
Возвращаемое значение:
Строка значения длины (с модулем меры) или normal.
 
Значение по умолчанию: normal

listStyle NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство shorthand для установки 3 свойств списка в одном операторе присваивания. Атрибуты, которые Вы явно не устанавливаете с этим атрибутом, принимают значения по умолчанию. Эти свойства определяют характеристики вида маркеров, автоматически закреплённых за пунктами списка внутри OL и UL элементов.

 
Пример:

document.all.itemList.style.listStyle = "square outside none"

 
Возвращаемое значение:
См. индивидуальные атрибуты listStyleType, listStylePosition, и listStyleImage. Вы можете включить один, два, или все три значения в любом порядке.
 
Значение по умолчанию: Ничего.

listStyleImage NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

URL для изображения, которое должно использоваться как маркер перед пунктом списка. Поскольку этот атрибут может быть унаследован, установка (включая none) за 1 пунктом списка может отменить тот же самый атрибут или установку свойства в ее родителе.

 
Пример:

document.all.itemList.style.listStyleImage = "images/3DBullet.gif"

 
Возвращаемое значение:
Используйте none (как строку) чтобы отменить изображение, назначенное на родительский элемент. Иначе, снабдите любым имеющим силу полным или относительным URL к загрузочному модулю, чей тип MIME читаем броузером.
 
Значение по умолчанию: Ничего

listStylePosition NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Находится ли маркер внутри или вне (outdented) поля, содержащего пункта списка. Когда listStylePosition установлен на inside, и содержание - текст, маркер оказывается частью текстового блока. В этом случае, отступ пункта списка - как normal, но без outdented маркера.

 
Пример:

document.all.itemList.style.listStylePosition = "inside"

 
Возвращаемое значение:
Любое из постояных значений (как строка): inside | outside.
 
Значение по умолчанию: outside

listStyleType NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Тип маркера пункта, который будет отображен с каждым пунктом. Этот атрибут применяется, только если listStyleImage - none (или не указанный). Константы, доступные для этого атрибута, разделены на две категории. Один набор используется с UL элементами, чтобы представить заполненный круг, пустой круг или квадрат (пустой на Macintosh, заполненый на Windows); другой набор - для элементов OL, чьи пункты списка могут быть отмечены в последовательностях арабских цифр, римских цифр (верхний регистр или нижний регистр), или символов алфавита (верхний регистр или нижний регистр).

 
Пример:

document.all.itemList.style.listStyleType = "circle"

 
Возвращаемое значение:
Одно постоянное значение как строка, которая согласуется с типом контейнера списка. Для UL: circle | disc | square. Для OL: decimal | lower-alpha | lower-roman | upper-alpha | upper-roman. Последовательности элемента OL обработаны следующим образом:
Тип Пример
decimal 1, 2, 3, ...
lower-alpha a, b, c, ...
lower-roman i, ii, iii, ...
upper-alpha A, B, C, ...
upper-roman I, II, III, ...
 
Значение по умолчанию: disc (для UL); decimal (для OL).

margin NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство shortcut, которое может устанавливать размеры краёв 4 граней элемента одной инструкцией. Margin - пространство, которое простирается вне границы элемента. Чтобы обеспечить дополнительное пространство, margin освобождает пространство между смежными или вложенными элементами, (особенно теми, которые имеют набор атрибутов border). Вы можете установить 4 значения, разграниченных пробелом. Число значений определяет, какие стороны получают назначенные установки.

 
Пример:

document.all.logoWrapper.style.margin = "5px 8px"

 
Возвращаемое значение:
Это свойство принимает одно, два, три или четыре значения, разграниченные пробелом внутри одной строки, в зависимости от сколько и какие края Вы хотите изменить. Значения для краев могут быть: длины, проценты или auto.
 
Значение по умолчанию: 0

marginRight, marginTop NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Все четыре свойства устанавливают ширину отдельного края края элемента. Край - пространство, который простирается вне границы элемента и не рассчитывается как часть ширины элемента или высоты.

 
Пример:

document.all.logoWrapper.style.marginTop = "5px" document.all.navPanel.style.marginLeft = "10%"

 
Возвращаемое значение:
Значения для размеров края могут быть: значения длины, проценты от следующего наиболее близкого элемента или auto.
 
Значение по умолчанию: 0

overflow NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Как элемент должен обработать содержание, в соответствии с правилами CSS.

 
Пример:

document.all.myDiv.style.overflow = "scroll"

 
Возвращаемое значение:
Любая из следующих констант (как строка): auto | hidden | scroll | visible.
 
Значение по умолчанию: visible

padding NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Свойство shortcut, которое может устанавливать дополнительные размеры до четырех граней элемента с одной инструкцией.Padding - пространство , которое простирается вокруг элемента, но не включает границу, которая может быть определена для элемента. Padding подбирает фоновое изображение или цвет его элемента. Поскольку Вы добавляете дополнение к элементу, Вы увеличиваете размер видимого прямоугольника элемента без воздействия на размер блока padding. Вы можете установить 1 из 4 разграниченное пробелом, значения padding .

 
Пример:

document.all.logoWrapper.style.padding = "3px 5px"

 
Возвращаемое значение:
Это свойство принимает один, два, три, или четыре значения, разграниченных пробелом, внутри одной строки, в зависимости от сколько и какие границы Вы хотите, дополнить. Значения для дополнительных размеров могут быть: длины, проценты от наиболее близкого размера элемента или константа auto.
 
Значение по умолчанию: 0

paddingRight, paddingTop NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Все четыре свойства устанавливают ширину единственного(отдельного) дополнительного края элемента. - пространство Padding, который простирается между границей элемента и полем содержания.

 
Пример:

document.all.logoWrapper.style.paddingTop = "3px" document.all.navPanel.style.paddingLeft = "10%"

 
Возвращаемое значение:
Значения для дополнительных размеров могут быть: длины, проценты от наиболее близкого размера элемента или константа auto.
 
Значение по умолчанию: 0

pageBreakAfter, pageBreakBefore NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Определяет, как должен обработаться разрыв страниц вокруг элемента, когда документ послан на принтер. Разрывы страниц не представлены в броузере, поскольку они могут быть в программах обработки текстов.

 
Пример:

document.all.hardBR.style.pageBreakAfter = "always" document.all.navPanel.style.paddingLeft = "10%"

 
Возвращаемое значение:
Internet Explorer 4 признает четыре постоянных значения (как строки): always | auto | left | right.
 
Значение по умолчанию: auto

pixelHeight, pixelWidth NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Высота и ширина элемента в пикселах. Используйте эти свойства для вычисления (вместо свойств типа высоты и ширины, которые возвращают строки, включая модули).

 
Пример:

var midWidth = document.all.myDIV.style.pixelWidth/2

 
Возвращаемое значение:
Целое число
 
Значение по умолчанию: Ничего.

pixelLeft, pixelTop NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Для отображаемых элементов, определяет позицию left и top граней элемента (content plus left padding, border, and/or margin) относительно left и top граней следующего наиболее близкого элемента.

 
Пример:

document.all.myDIV.style.pixelLeft++

 
Возвращаемое значение:
Целое число.
 
Значение по умолчанию: Ничего.

posHeight, posWidth NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Числовая высота и ширина элемента.

 
Пример:

document.all.myDIV.style.posWidth = 10.5

 
Возвращаемое значение:
Число с плавающей запятой.
 
Значение по умолчанию: Ничего.

position NN n/a   IE 4   DOM n/a
 Только чтение
 

For positionable elements, returns the value assigned to the style sheet position attribute.

 
Пример:

var posType = document.all.myDIV.style.position

 
Возвращаемое значение:
Число с плавающей запятой.
 
Значение по умолчанию: Ничего.

posLeft, posTop NN n/a   IE 4   DOM n/a
  Чтение/Изменение
 

For positionable elements, define the position of the left and top edges of an element's box (content plus left padding, border, and/or margin) relative to the left and top edges of the next outermost block content container. When the element is relative-positioned, the measure is based on the left edge of the inline location of where the element would normally appear in the content. Most importantly, these properties' values are numeric and in the unit of measure set in the CSS attribute. Use these properties for calculation (including path animation) instead of the left and top properties, which store their values as strings with the unit names. All math is in the specified units. Also contrast these properties with the pixelLeft and pixelTop properties, which are integer values for pixel measures only.

 
Пример:

document.all.myDIV.style.posLeft = document.all.myDIV.style.posLeft + 1.5

 
Возвращаемое значение:
Число с плавающей запятой.
 
Значение по умолчанию: Ничего.

quotes NN 6   IE 5/Mac  CSS 2
  Чтение/Изменение
 

Устанавливает символы, использующиеся в качестве кавычек.

 
Пример:

document.all.myText.style.quotes = "« »"

 
Возвращаемое значение:
Разделённые пробелом символы открытых и закрытых кавычек или константа none/inherit
 
Значение по умолчанию: inherit.

rubyAlign NN n/a   IE 5  CSS n/a
  Чтение/Изменение
 

Устанавливает выравнивание "рубинового" текста элемента RUBY

 
Пример:

document.all.myText.style.rubyAlign = "distribute-letter"

 
Возвращаемое значение:
Константа auto|left|center|right|distribute-letter|distribute-space|line-edge
 
Значение по умолчанию: inherit.

rubyOverhang NN n/a   IE 5  CSS n/a
  Чтение/Изменение
 

Устанавливает отступ "рубинового" текста элемента RUBY

 
Пример:

document.all.myText.style.rubyOverhang = "whitespace"

 
Возвращаемое значение:
Константа auto|whitespace|none
 
Значение по умолчанию: none.

rubyPosition NN n/a   IE 5  CSS n/a
  Чтение/Изменение
 

Устанавливает расположение "рубинового" текста элемента RUBY относительно основного текста.

 
Пример:

document.all.myText.style.rubyPosition = "inline"

 
Возвращаемое значение:
Константа above|inline
 
Значение по умолчанию: above

styleFloat NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

С какой стороны элемент обтекается текстом.

 
Пример:

document.all.myDIV.style.styleFloat = "right"

 
Возвращаемое значение:
одна из следующих констант (как строка): none | left | right.
 
Значение по умолчанию: Ничего.

textAlign NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Определяет горизонтальное выравнивание текста в пределах элемента.

 
Пример:

document.all.myDIV.style.textAlign = "right"

 
Возвращаемое значение:
1 из 3 констант (как строка): center | left | right.
 
Значение по умолчанию: left

textAlignLast NN n/a   IE 5.5/Win  CSS n/a
  Чтение/Изменение
 

Определяет горизонтальное выравнивание последней строки каждого абзаца.

 
Пример:

document.all.myText.style.textAlign = "right"

 
Возвращаемое значение:
1 из 4 констант (как строка): center | justify | left | right.
 
Значение по умолчанию: left

textAutospace NN n/a   IE 5.5/Win  CSS n/a
  Чтение/Изменение
 

Определяет дополнительные пробелы между идеографическими и не идеографическими символами.

 
Пример:

document.all.myText.style.textAutospace = "ideograph-alpha"

 
Возвращаемое значение:
Константа none|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space
 
Значение по умолчанию: none

textDecoration NN n/a   IE 4   CSS n/a
 Чтение/Изменение
 

Определяет добавления к текстовому содержанию элемента в форме подчеркиваний, перечёркиваний, надчёркиваний, и (в Навигаторе и CSS) мигание. Вы можете определить больше чем один стиль художественного оформления, поставляя значения в списке через пробел. В то время как Internet Explorer 4 поддерживает blink значение, это не мигающий текст. Текстовое художественное оформление имеет необычные родительские-дочерние отношения. Значения не наследуются, но эффект художественного оформления передается ко вложенным элементам. Поэтому, если иначе не переопределено, подчеркнутый P элемент подчеркивает вложенный B элемент. Internet Explorer также включает свойства для каждого типа художественного оформления.

 
Пример:

document.all.emphasis.style.textDecoration = "underline"

 
Возвращаемое значение:
В дополнение к none, любая из следующих 4 констант (как строка): blink | line-through | overline | underline. Множественные значения могут быть включены в строку как список, разграниченный пробелом.
 
Значение по умолчанию: Ничего.

textDecoration, textDecorationBlink, textDecorationLineThrough, textDecorationNone, textDecorationOverline, textDecorationUnderline NN n/a   IE 4   CSS n/a
 Чтение/Изменение
 

Определено ли всё вышеперечисленное для указанного текстового элемента.

 
Пример:

document.all.emphasis.style.textDecorationLineThrough = "true"

 
Возвращаемое значение:
Булево значение: true | false.
 
Значение по умолчанию: false

textIndent NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Размер выравнивания первой строки блока встроенного текста (типа P элемента). Только на первую строку воздействует эта установка.

 
Пример:

document.all.firstGraph.style.textIndent = "0.5em"

 
Возвращаемое значение:
Строковое значение, состоящее из номера и меры.
 
Значение по умолчанию: Ничего

textJustify NN n/a   IE 5  CSS n/a
  Чтение/Изменение
 

Контролирует дополнительные отступы для элемента, свойство textAlign которого равно Justify

 
Пример:

document.all.firstGraph.style.textJustify = "distribute"

 
Возвращаемое значение:
Одна из констант: Auto|distribute|distribute-all-lines| distribute-center-last|inter-cluster|inter-ideograph|inter-word|kashida|newspaper
 
Значение по умолчанию: Ничего

textJustifyTrim NN n/a   IE 5  CSS n/a
  Чтение/Изменение
 

Для использования в будущем

 

textKashidaSpace NN n/a   IE 5.5/Win  DOM n/a
  Чтение/Изменение
 
Контролирует соотношение расширения протяжки и расширения пробелов для арабских систем письма
 
Пример:

ссылка_на_элемент.style.textKashidaSpace = "90%"

 
Возвращаемое значение:
Процентное соотношение
 
Значение по умолчанию: Ничего.

textShadow NN 6   IE 5/Mac  CSS 2
  Чтение/Изменение
 
Контролирует отображение тени вокруг элементов текста. Атрибут стиля для этого свойства не поддерживается в IE5/Mac и NN6, однако данное свойство присуще объекту style.
 
 
 
Возвращаемое значение:
Каждая спецификация тени состоит из цвета по выбору и 3 разделённых пробелами значений длины (горизонтальное смещение тени, вертикальное смещение тени, радиус тени). Множественные значения разделяются запятыми.
 
Значение по умолчанию: Ничего.

textTransform NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Управляет преобразованием букв текста элемента в прописные.

 
Пример:

document.all.heading.style.textTransform = "capitalize"

 
Возвращаемое значение:
Значение none позволяет регистру исходного текста быть представленным как есть. Другие доступные постоянные значения (как строки): capitalize | lowercase | uppercase.
 
Значение по умолчанию: Ничего.

textUnderlinePosition NN n/a   IE 5/Win  CSS n/a
  Чтение/Изменение
 

Расположение линии в подчёркнутом начертании - над текстом или под текстом

 
Пример:

ссылка_на_элемент.style.textUnderlinePosition = "above"

 
Возвращаемое значение:
Константа above|below
 
Значение по умолчанию: Ничего.

top NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Для отображаемых элементов, определяет позицию высшего края поля элемента (содержание плюс top padding, border, и/или margin) относительно высшего края следующего наиболее близкого элемента.

Для вычислений на этом значении, отыщите pixelTop или posTop свойства, которые возвращают подлинные числовые значения.

 
Пример:

document.all.blockD2.style.top = "40px"

 
Возвращаемое значение:
Строка, состоящая из числового значения и меры длины, процента, или auto.
 
Значение по умолчанию: auto

unicodeBidi NN 6   IE 5  CSS 2
  Чтение/Изменение
 

В двунаправленом тексте - насколько блок текста, направленный в противоположную сторону, вложен во внешний элемент.

 
Пример:

ссылка_на_элемент.style.unicodeBidi = "normal"

 
Возвращаемое значение:
Константа normal|embed|bidi-override
 
Значение по умолчанию: normal.

verticalAlign NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Характеристика вертикального выравнивания элемента.

 
Пример:

document.all.myDIV.style.verticalAlign = "text-top"

 
Возвращаемое значение:
Строковое значение абсолютной меры (с модулями), процент (относительно следующего внешнего элемента поля), или одно из следующих постоянных значений: bottom | top | baseline | middle | sub | super | text-bottom | text-top.
 
Значение по умолчанию: baseline

visibility NN n/a   IE 4   DOM n/a
  Чтение/Изменение
 

Видимость элемента. Окружение содержания не закрывает левый пробел элемента, чьё свойство видимости установлено в hidden.

 
Пример:

document.all.myDIV.style.visibility = "hidden"

 
Возвращаемое значение:
Одно из постоянных значений (как строка): hidden | inherit | visible.
 
Значение по умолчанию: inherit

whiteSpace NN 6   IE 4   CSS 2
  Чтение/Изменение
 

Контролирует интерпретацию символов пробела в коде источника элемента

 
Пример:

ссылка_на_элемент.style.whiteSpace = "nowrap"

 
Возвращаемое значение:
Константа normal|nowrap|pre
 
Значение по умолчанию: normal

wordBreak NN n/a   IE  5/Win  CSS n/a
  Чтение/Изменение
 

Контролирует характеристики разрыва слова, содержащего как латинские, так и азиатские символы

 
Пример:

ссылка_на_элемент.style.wordBreak = "normal"

 
Возвращаемое значение:
Константа normal|break-all|keep-all
 
Значение по умолчанию: normal

wordSpacing NN 6   IE  4   CSS 2
  Чтение/Изменение
 

Контролирует расстояние между словами

 
Пример:

ссылка_на_элемент.style.wordSpacing = "normal"

 
Возвращаемое значение:
Константа normal или длина в единицах em
 
Значение по умолчанию: normal

wordWrap NN n/a   IE  5.5/Win  CSS n/a
  Чтение/Изменение
 

Контролирует характеристики перехода слова на новую строку в ьлоковом элементе текста, элементе с внутренне определёнными размерами или позиционируемом элементе

 
Пример:

ссылка_на_элемент.style.wordWrap = "normal"

 
Возвращаемое значение:
Константа normal|break-word
 
Значение по умолчанию: normal

writingMode NN n/a   IE  5.5/Win  CSS n/a
  Чтение/Изменение
 

Контролирует направление потока содержимого web-страницы (слева-направо/сверху-вниз или сверху-вниз/справа-налево, как в некоторых азиатских языках)

 
Пример:

ссылка_на_элемент.style.writingMode = "tb-rl"

 
Возвращаемое значение:
Константа lr-tb|tb-rl
 
Значение по умолчанию: lr-tb

zIndex NN n/a   IE 4   DOM n/a
 Чтение/Изменение
 

Положение в списке относительно других элементов в пределах того же самого родительского контейнера.

 
Пример:

document.all.myDIV.style.zIndex = 3

 
Возвращаемое значение:
Целое число.
 
Значение по умолчанию: 0

footer:
Rambler's Top100