Объект, специфицирующий стиль HTML-элементов.
Любым из следующих свойств объекта document:
Объект Style даёт возможность динамически реализовать таблицы
стилей HTML в JavaScript. Методы и свойства объекта Style реализуют свойства каскадных таблиц стилей HTML в JavaScript.
Полное описание таблиц стилей см. в книге .
| Свойство |
ОписаниеСпецифицирует выравнивание HTML-элемента относительно родительского элемента.
|
|
|
|
|
| Специфицирует стиль рамки, такой как solid или double, вокруг HTML-элемента уровня блока.
| Специфицирует стороны HTML-элемента, которые разрешают всплывание/floating элементов.
| Переопределяет обычное отображение элемента и специфицирует, отображается ли он in- line, как элемент уровня блока или как элемента списка уровня блока. Специфицирует семейство шрифтов, такое как Helvetica или Arial, для текстового элемента HTML.
|
|
| Специфицирует расстояние между базовыми линиями двух смежных строк шрифта уровня блока. Специфицирует стиль символа, отображаемого в начале элемента списка. Специфицирует минимальное расстояние между низом HTML-элемента и верхом прилегающего элемента. Специфицирует минимальное расстояние между левым краем HTML-элемента и правым краем прилегающего элемента. Специфицирует минимальное расстояние между правым краем HTML-элемента и левым краем прилегающего элемента. Специфицирует минимальное расстояние между верхом HTML-элемента и низом прилегающего элемента. Специфицирует, какое пространство вставить между низом элемента и его содержимым, таким как текст или рисунок. Специфицирует, какое пространство вставить между левым краем элемента и его содержимым, таким как текст или рисунок. Специфицирует, какое пространство вставить между правым краем элемента и его содержимым, таким как текст или рисунок. Специфицирует, какое пространство вставить между верхом элемента и его содержимым, таким как текст или рисунок. Специфицирует выравнивание текстового HTML-элемента уровня блока. Специфицирует специальные эффекты, такие как мигание, перечёркивание и подчёркивание, добавляемые к текстовому HTML-элементу. Специфицирует размер отступа перед первой отформатированной строкой текстового HTML-элемента уровня блока. Специфицирует регистр текстового HTML-элемента уровня блока. Специфицирует, должен ли сжиматься пробел внутри HTML-элемента. |
|---|
| Метод |
Описание
|
Специфицирует минимальное расстояние между
краями HTML-элемента и краями смежных элементов. | Специфицирует, какое пространство вставить между краями элемента и его содержимым, таким как текст или рисунок. |
|---|
Кроме того, этот объект наследует методы watch
и unwatch из объекта Object.
Специфицирует выравнивание HTML-элемента внутри своего родителя.
styleObject.align = {left | right | none}
styleObject |
Объект |
Не путайте align с textAlign,
который специфицирует выравнивание содержимого текстовых элементов.
Свойство align является отражением свойства float каскадных таблиц стилей.
Специфицирует сплошной цвет фона элемента.
styleObject.backgroundColor = colorValue
styleObject |
|
colorValue | Строка, вычисляемая в значение цвета, как описано в Приложении B, "Значения Цвета". |
Свойство backgroundColor является отражением свойства background-color
каскадных таблиц стилей.
Специфицирует фоновый рисунок HTML-элемента.
styleObject.backgroundImage = url
styleObject |
|
url | Строка, вычисляемая в полный или частичный URL относительно источника таблицы стилей. |
Свойство backgroundImage является отражением свойства background-image каскадных таблиц стилей.
Специфицирует ширину линии нижнего края рамки HTML-элемента.
styleObject.borderBottomWidth = length
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
Свойство borderBottomWidth является отражением свойства border-bottom-width
каскадных таблиц стилей.
Style.borderLeftWidth, Style.borderRightWidth,
Style.borderTopWidth, Style.borderWidthsСпецифицирует цвет рамки HTML-элемента.
styleObject.borderColor = {none | colorValue}
styleObject |
|
colorValue | Строка, вычисляемая в значение цвет, как описано в Приложении B, "Значения Цвета". |
Свойство borderColor является отражением свойства border-color
каскадных таблиц стилей.
Специфицирует ширину линии левого края рамки HTML-элемента.
styleObject.borderLeftWidth = length
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
Свойство borderLeftWidth является отражением свойства border-left-width
каскадных таблиц стилей.
Style.borderBottomWidth, Style.borderRightWidth,
Style.borderTopWidth, Style.borderWidths
Специфицирует ширину линии правого края рамки HTML-элемента.
styleObject.borderRightWidth = length
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
Свойство borderRightWidth является отражением свойства border-right-width
каскадных таблиц стилей.
Style.borderBottomWidth, Style.borderLeftWidth,
Style.borderTopWidth, Style.borderWidthsСпецифицирует стиль рамки, такой как solid или double, вокруг HTML-элемента уровня блока.
styleObject.borderStyle = styleType
styleObject |
|
styleType |
Вы также обязаны специфицировать ширину рамки.
Свойство borderStyle является отражением свойства border-style
каскадных таблиц стилей.
Специфицирует ширину линии верхнего края рамки HTML-элемента.
styleObject.borderTopWidth = length
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
Свойство borderTopWidth является отражением свойства border-top-width
каскадных таблиц стилей.
Style.borderBottomWidth, Style.borderLeftWidth,
Style.borderRightWidth, Style.borderWidthsСпецифицирует ширину линии рамки HTML-элемента.
borderWidths(top, right, bottom, left)
top |
Строка, специфицирующая значение свойства |
right |
Строка, специфицирующая значение свойства |
bottom |
Строка, специфицирующая значение свойства |
left |
Строка, специфицирующая значение свойства |
Метод borderWidths является удобной аббревиатурой для установки свойств ширины всех линий рамки одновременно.
Style.borderBottomWidth, Style.borderLeftWidth,
Style.borderRightWidth, Style.borderTopWidth
Специфицирует стороны HTML-элемента, которые разрешают всплывание элементов.
styleObject.clear = {left | right | both | none}
styleObject |
A |
Свойство clear является отражением свойства clear каскадных таблиц стилей.
Специфицирует цвет текста HTML-элемента.
styleObject.color = colorValue
styleObject |
|
colorValue | Строка, вычисляемая в значение цвета, как описано в Приложении B, "Значения Цвета". |
Свойство color является отражением свойства color каскадных таблиц стилей.
Переопределяет обычное отображение элемента и специфицирует, отображается ли он in- line, как элемент уровня блока или как элемента списка уровня блока.
styleObject.display = styleType
styleObject |
|
styleType |
Свойство display является отражением свойства display каскадных таблиц стилей.
Специфицирует семейство шрифтов, такое как Helvetica или Arial, для текстового HTML-элемента.
styleObject.fontFamily = {specificFamily | genericFamily}
styleObject |
|
specificFamily |
Строка, вычисляемая в список разделённых запятыми названий семейств шрифтов, таких как |
genericFamily |
Свойство fontFamily является отражением свойства font-family
каскадных таблиц стилей. Ключевые слова genericFamily доступны на всех
платформах, но специфический отображаемый шрифт зависит от конкретной платформы.
Вы можете смешивать ключевые слова specificFamily и genericFamily в одном значении. Например, следующий код выводит текст шрифтом Helvetica, если этот шрифт доступен; иначе текст отображается шрифтом sans-serif, определяемым операционной системой:
document.tags.H1.fontFamily = "Helvetica, sans-serif"
Вы можете также сделать ссылку на файл определения шрифта и загрузить его, когда браузер загружает web-страницу, гарантируя, что все шрифты будут доступны в пользовательской операционной системе. См. .
Специфицирует размер шрифта текстового HTML-элемента.
styleObject.fontSize =
{absoluteSize | relativeSize | length | percentage}
styleObject |
|
absoluteSize | |
relativeSize | Строка, вычисляемая в размер относительно размера родительского элемента, указанный одним из следующих ключевых слов: |
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от размера родительского элемента; например, |
Свойство fontSize является отражением свойства font-size
каскадных таблиц стилей. По умолчанию имеет значение medium.
Специфицирует стиль шрифта HTML-элемента.
styleObject.fontStyle = styleType
styleObject |
|
styleType |
Свойство fontStyle является отражением свойства font-style каскадных таблиц стилей.
Специфицирует вес шрифта HTML-элемента.
styleObject.fontWeight = {absolute | relative | numeric}
styleObject |
|
absolute | |
relative | Строка, вычисляемая в вес относительно веса родительского элемента, указанный одним из следующих ключевых слов: |
numeric | Строка, вычисляемая в числовое значение от 100 до 900, где 100 обозначает наименьший, а 900 - наибольший вес. |
Свойство fontWeight является отражением свойства font-weight
каскадных таблиц стилей.
Специфицирует расстояние между базовыми линиями двух смежных строк шрифта уровня блока.
styleObject.lineHeight = {number | length | percentage | normal}
styleObject |
|
number |
Строка, вычисляемая в размер без единиц измерения; например, |
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
normal | Нормаль строки, указывающая, что высота строки определяется автоматически Navigator'ом. |
Свойство lineHeight является отражением свойства line-height
каскадных таблиц стилей.
Если Вы устанавливаете свойство lineHeight, специфицируя number, Navigator
рассчитывает высоту строки путём умножения размера шрифта текущего элемента на number.
Например, если lineHeight равно 1.2 в параграфе, использующем шрифт
в 10-пунктов, высота строки будет 12 пунктов.
Если Вы устанавливаете lineHeight с number,
потомки текущего параграфа наследуют фактор высоты строки; если Вы
устанавливаете lineHeight с length или percentage,
потомки наследуют результирующее значение.
Специфицирует стиль символа, отображаемого в начале элемента списка.
styleObject.listStyleType = styleType
styleObject |
|
styleType |
Свойство listStyleType является отражением свойства list-style-type каскадных таблиц стилей.
Специфицирует минимальное расстояние между низом HTML-элемента и верхом прилегающего элемента.
styleObject.marginBottom = {length | percentage | auto}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процент от ширины родительского элемента; например, |
auto | Строка auto, указывающая, что это поле определяется автоматически Navigator'ом. |
Свойство marginBottom является отражением свойства margin-bottom
каскадных таблиц стилей.
Style.marginLeft, Style.marginRight,
Style.marginTop, Style.marginsСпецифицирует минимальное расстояние между левым краем HTML-элемента и правым краем прилегающего элемента.
styleObject.marginLeft = {length | percentage | auto}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
auto | Строка auto, указывающая, что это поле определяется автоматически Navigator'ом. |
Свойство marginLeft является отражением свойства margin-left каскадных таблиц стилей.
Style.marginBottom, Style.marginRight,
Style.marginTop, Style.marginsСпецифицирует минимальное расстояние между правым краем HTML-элемента и левым краем прилегающего элемента.
styleObject.marginRight = {length | percentage | auto}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
auto | Строка auto, указывающая, что это поле определяется автоматически Navigator'ом. |
Свойство marginRight является отражением свойства margin-right
каскадных таблиц стилей.
Style.marginBottom, Style.marginLeft,
Style.marginTop, Style.marginsСпецифицирует минимальное расстояние между краями HTML-элемента и краями смежных элементов.
margins(top, right, bottom, left)
top |
Строка, специфицирующая значение свойства |
right |
Строка, специфицирующая значение свойства |
bottom |
Строка, специфицирующая значение свойства |
left |
Строка, специфицирующая значение свойства |
Метод margins является удобной аббревиатурой для установки одновременной всех полей.
Style.marginBottom, Style.marginLeft,
Style.marginRight, Style.marginTopСпецифицирует минимальное расстояние между верхом HTML-элемента и низом прилегающего элемента.
styleObject.marginTop = {length | percentage | auto}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
auto | Строка auto, указывающая, что это поле определяется автоматически Navigator'ом. |
Свойство marginTop является отражением свойства margin-top
каскадных таблиц стилей.
Style.marginBottom, Style.marginLeft,
Style.marginRight, Style.marginsСпецифицирует, какое пространство вставить между низом элемента и его содержимым, таким как текст или рисунок.
styleObject.paddingBottom = {length | percentage}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
Свойство paddingBottom является отражением свойства padding-bottom каскадных таблиц стилей.
Style.paddingLeft, Style.paddingRight,
Style.paddingTop, Style.paddingsСпецифицирует, какое пространство вставить между левым краем элемента и его содержимым, таким как текст или рисунок.
styleObject.paddingLeft = {length | percentage}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
Свойство paddingLeft является отражением свойства padding-left каскадных таблиц стилей.
Style.paddingBottom, Style.paddingRight,
Style.paddingTop, Style.paddingsСпецифицирует, какое пространство вставить между правым краем элемента и его содержимым, таким как текст или рисунок.
styleObject.paddingRight = {length | percentage}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
Свойство paddingRight является отражением свойства padding-right каскадных таблиц стилей.
Style.paddingBottom, Style.paddingLeft,
Style.paddingTop, Style.paddingsСпецифицирует, какое пространство вставить между краями элемента и его содержимым, таким как текст или рисунок.
paddings(top, right, bottom, left)
top |
Строка, специфицирующая значение свойства |
right |
Строка, специфицирующая значение свойства |
bottom |
Строка, специфицирующая значение свойства |
left |
Строка, специфицирующая значение свойства |
Метод paddings является удобной аббревиатурой для установки одновременной всех свойств заполнения/padding.
Style.paddingBottom, Style.paddingLeft,
Style.paddingRight, Style.paddingTopСпецифицирует, какое пространство вставить между верхом элемента и его содержимым, таким как текст или рисунок.
styleObject.paddingTop = {length | percentage}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
Свойство paddingTop является отражением свойства padding-top
каскадных таблиц стилей.
Style.paddingBottom, Style.paddingLeft,
Style.paddingRight, Style.paddingsСпецифицирует выравнивание текстового HTML-элемента уровня блока.
styleObject.textAlign = alignment
styleObject |
|
alignment |
Не путайте textAlign с align,
которое специфицирует выравнивание HTML-элемента внутри его родителя.
Свойство textAlign является отражением свойства text-align каскадных таблиц стилей.
Специфицирует специальные эффекты, такие как мигание, перечёркивание и подчёркивание, добавляемые к текстовому HTML-элементу.
styleObject.textDecoration = decoration
styleObject |
|
decoration |
Свойство textDecoration является отражением свойства text-decoration
каскадных таблиц стилей.
Специфицирует размер отступа перед первой отформатированной строкой текстового HTML-элемента уровня блока.
styleObject.textIndent = {length | percentage}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
Свойство textIndent является отражением свойства text-indent каскадных таблиц стилей.
Специфицирует регистр текстового HTML-элемента уровня блока.
styleObject.textTransform = transformation
styleObject |
|
transformation |
Свойство textTransform является отражением свойства text-transform каскадных таблиц стилей.
Специфицирует, должен ли сжиматься пробел внутри HTML-элемента.
styleObject.whiteSpace = {normal | pre}
styleObject |
A |
Свойство whiteSpace является отражением свойства white-space каскадных таблиц стилей.
Специфицирует ширину HTML-элемента уровня блока.
styleObject.width = {length | percentage | auto}
styleObject |
|
length |
Строка, вычисляемая в размер с последующими единицами измерения; например, |
percentage |
Строка, вычисляемая в процентах от ширины родительского элемента; например, |
auto | Строка auto, указывающая, что ширина определяется автоматически Navigator'ом. |
Свойство width является отражением свойства width каскадных таблиц стилей.
Свойства Style.marginLeft и Style.marginRight
имеют приоритет над свойством Style.width.
Например, если marginLeft установлено в 25%, marginRight
установлено в 10%, а width установлена в 100%, Navigator игнорирует
значение width и использует 65% для установки width.
Дата последнего обновления: 28 мая 1999 года.
Copyright (c) 1999