Объект, специфицирующий стиль 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