Style
Объект, специфицирующий стиль HTML-элементов.
Клиентский объект
Реализован в
JavaScript 1.2
Создание
Любым из следующих свойств объекта document :
Описание Объект Style даёт возможность динамически реализовать таблицы
стилей HTML в JavaScript. Методы и свойства объекта Style реализуют свойства каскадных таблиц стилей HTML в JavaScript.
Полное описание таблиц стилей см. в книге Dynamic HTML in Netscape Communicator .
Свойства. Резюме.
Свойство
Описаниеalign
Специфицирует выравнивание HTML-элемента относительно родительского элемента.
backgroundColor
Специфицирует сплошной цвет фона элемента.
backgroundImage
Специфицирует фоновый рисунок для HTML-элемента.
borderBottomWidth
Специфицирует ширину нижней линии рамки HTML-элемента.
borderColor
Специфицирует цвет рамки HTML-элемента.
borderLeftWidth
Специфицирует ширину левой линии рамки HTML-элемента.
borderRightWidth
Специфицирует ширину правой линии рамки HTML-элемента.
borderStyle
Специфицирует стиль рамки, такой как solid или double, вокруг HTML-элемента уровня блока.
borderTopWidth
Специфицирует ширину верхней линии рамки HTML-элемента.
clear
Специфицирует стороны HTML-элемента, которые разрешают всплывание/floating элементов.
color
Специфицирует цвет текста HTML-элемента.
display
Переопределяет обычное отображение элемента и специфицирует, отображается ли
он in- line, как элемент уровня блока или как элемента списка уровня блока.
fontFamily
Специфицирует семейство шрифтов, такое как Helvetica или Arial, для текстового элемента HTML.
fontSize
Специфицирует размер шрифта для HTML-элемента.
fontStyle
Специфицирует стиль шрифта для HTML-элемента.
fontWeight
Специфицирует вес шрифта для HTML-элемента.
lineHeight
Специфицирует расстояние между базовыми линиями двух смежных строк шрифта уровня блока.
listStyleType
Специфицирует стиль символа, отображаемого в начале элемента списка.
marginBottom
Специфицирует минимальное расстояние между низом HTML-элемента и верхом прилегающего элемента.
marginLeft
Специфицирует минимальное расстояние между левым краем HTML-элемента и правым краем прилегающего элемента.
marginRight
Специфицирует минимальное расстояние между правым краем HTML-элемента и левым краем прилегающего элемента.
marginTop
Специфицирует минимальное расстояние между верхом HTML-элемента и низом прилегающего элемента.
paddingBottom
Специфицирует, какое пространство вставить между низом элемента и его содержимым, таким как текст или рисунок.
paddingLeft
Специфицирует, какое пространство вставить между левым краем элемента и его содержимым, таким как текст или рисунок.
paddingRight
Специфицирует, какое пространство вставить между правым краем элемента и его содержимым, таким как текст или рисунок.
paddingTop
Специфицирует, какое пространство вставить между верхом элемента и его содержимым, таким как текст или рисунок.
textAlign
Специфицирует выравнивание текстового HTML-элемента уровня блока.
textDecoration
Специфицирует специальные эффекты, такие как мигание, перечёркивание и подчёркивание, добавляемые к текстовому HTML-элементу.
textIndent
Специфицирует размер отступа перед первой отформатированной строкой текстового HTML-элемента уровня блока.
textTransform
Специфицирует регистр текстового HTML-элемента уровня блока.
whiteSpace
Специфицирует, должен ли сжиматься пробел внутри HTML-элемента.
width
Специфицирует ширину HTML-элемента уровня блока.
Методы. Резюме.
Метод
ОписаниеborderWidths
Специфицирует ширину рамки HTML-элемента.
margins
Специфицирует минимальное расстояние между
краями HTML-элемента и краями смежных элементов. paddings
Специфицирует, какое пространство вставить между краями элемента и его содержимым, таким как текст или рисунок.
Кроме того, этот объект наследует методы watch
и unwatch из объекта Object .
align Специфицирует выравнивание HTML-элемента внутри своего родителя.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .align = {left | right | none}
Параметр
styleObject
Объект Style .
Не путайте align с textAlign ,
который специфицирует выравнивание содержимого текстовых элементов.
Свойство align является отражением свойства float каскадных таблиц стилей.
backgroundColor Специфицирует сплошной цвет фона элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .backgroundColor = colorValue
Параметры
Свойство backgroundColor является отражением свойства background-color
каскадных таблиц стилей.
backgroundImage
Специфицирует фоновый рисунок HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .backgroundImage = url
Параметры
styleObject
Style -объект.
url
Строка, вычисляемая в полный или частичный URL относительно источника таблицы стилей.
Свойство backgroundImage является отражением свойства background-image каскадных таблиц стилей.
borderBottomWidth Специфицирует ширину линии нижнего края рамки HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .borderBottomWidth = length
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
Свойство borderBottomWidth является отражением свойства border-bottom-width
каскадных таблиц стилей.
См. также
Style.borderLeftWidth , Style.borderRightWidth ,
Style.borderTopWidth , Style.borderWidths
borderColor Специфицирует цвет рамки HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .borderColor = {none | colorValue }
Параметры
Свойство borderColor является отражением свойства border-color
каскадных таблиц стилей.
borderLeftWidth
Специфицирует ширину линии левого края рамки HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .borderLeftWidth = length
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
Свойство borderLeftWidth является отражением свойства border-left-width
каскадных таблиц стилей.
См. также
Style.borderBottomWidth , Style.borderRightWidth ,
Style.borderTopWidth , Style.borderWidths
borderRightWidth Специфицирует ширину линии правого края рамки HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .borderRightWidth = length
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
Свойство borderRightWidth является отражением свойства border-right-width
каскадных таблиц стилей.
См. также
Style.borderBottomWidth , Style.borderLeftWidth ,
Style.borderTopWidth , Style.borderWidths
borderStyle Специфицирует стиль рамки, такой как solid или double, вокруг HTML-элемента
уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .borderStyle = styleType
Параметры
styleObject
Style -объект.
styleType
Строка, вычисляемая в любое из следующих ключевых слов:
nonesoliddoubl
insetoutsetgroove
ridge
Вы также обязаны специфицировать ширину рамки.
Свойство borderStyle является отражением свойства border-style
каскадных таблиц стилей.
borderTopWidth
Специфицирует ширину линии верхнего края рамки HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .borderTopWidth = length
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
Свойство borderTopWidth является отражением свойства border-top-width
каскадных таблиц стилей.
См. также
Style.borderBottomWidth , Style.borderLeftWidth ,
Style.borderRightWidth , Style.borderWidths
borderWidths Специфицирует ширину линии рамки HTML-элемента.
Метод из
Style
Реализован в
JavaScript 1.2
Синтаксис
borderWidths(top, right, bottom, left )
Параметры
Описание
Метод borderWidths является удобной аббревиатурой для установки свойств ширины всех линий рамки одновременно.
См. также
Style.borderBottomWidth , Style.borderLeftWidth ,
Style.borderRightWidth , Style.borderTopWidth
clear Специфицирует стороны HTML-элемента, которые разрешают всплывание элементов.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .clear = {left | right | both | none}
Параметр
styleObject
A Style object.
Свойство clear является отражением свойства clear каскадных таблиц стилей.
color Специфицирует цвет текста HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .color = colorValue
Параметры
Свойство color является отражением свойства color каскадных таблиц стилей.
display
Переопределяет обычное отображение элемента и специфицирует, отображается ли
он in- line, как элемент уровня блока или как элемента списка уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .display = styleType
Параметры
styleObject
Style -объект.
styleType
Строка, вычисляемая в любое из следующих ключевых слов:
noneblock
inlinelist-item
Свойство display является отражением свойства display каскадных таблиц стилей.
fontFamily
Специфицирует семейство шрифтов, такое как Helvetica или Arial, для текстового HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .fontFamily = {specificFamily | genericFamily }
Параметры
styleObject
Style -объект.
specificFamily
Строка, вычисляемая в список разделённых запятыми названий семейств шрифтов, таких как Helvetica или Arial.
genericFamily
Строка, вычисляемая в любое из следующих ключевых слов:
serifsans-serif
cursivemonospacefantasy
Свойство fontFamily является отражением свойства font-family
каскадных таблиц стилей. Ключевые слова genericFamily доступны на всех
платформах, но специфический отображаемый шрифт зависит от конкретной платформы.
Вы можете смешивать ключевые слова specificFamily и genericFamily
в одном значении. Например, следующий код выводит текст шрифтом Helvetica, если
этот шрифт доступен; иначе текст отображается шрифтом sans-serif, определяемым операционной системой:
document.tags.H1.fontFamily = "Helvetica, sans-serif"
Вы можете также сделать ссылку на файл определения шрифта и загрузить его, когда
браузер загружает web-страницу, гарантируя, что все шрифты будут доступны в
пользовательской операционной системе. См. Dynamic HTML in Netscape Communicator .
fontSize
Специфицирует размер шрифта текстового HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .fontSize = {absoluteSize | relativeSize | length | percentage }
Параметры
styleObject
Style -объект.
absoluteSize
Строка, вычисляемая в любое из следующих ключевых слов:
xx-smallx-small
smallmedium
largex-largexx-large
relativeSize
Строка, вычисляемая в размер относительно размера родительского элемента,
указанный одним из следующих ключевых слов:
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 18pt.
percentage
Строка, вычисляемая в процентах от размера родительского элемента; например, 50%.
Свойство fontSize является отражением свойства font-size
каскадных таблиц стилей. По умолчанию имеет значение medium.
fontStyle Специфицирует стиль шрифта HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .fontStyle = styleType
Параметры
styleObject
Style -объект.
styleType
Строка, вычисляемая в одно из следующих ключевых слов:
Свойство fontStyle является отражением свойства font-style каскадных таблиц стилей.
fontWeight Специфицирует вес шрифта HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .fontWeight = {absolute | relative | numeric }
Параметры
styleObject
Style -объект.
absolute
Строка, вычисляемая в одно из следующих ключевых слов:
relative
Строка, вычисляемая в вес относительно веса родительского элемента, указанный одним из следующих ключевых слов:
numeric
Строка, вычисляемая в числовое значение от 100 до 900, где 100 обозначает наименьший, а 900 - наибольший вес.
Свойство fontWeight является отражением свойства font-weight
каскадных таблиц стилей.
lineHeight
Специфицирует расстояние между базовыми линиями двух смежных строк шрифта уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .lineHeight = {number | length | percentage | normal}
Параметры
styleObject
Style -объект.
number
Строка, вычисляемая в размер без единиц измерения; например, 1.2.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
normal
Нормаль строки, указывающая, что высота строки определяется автоматически Navigator'ом.
Свойство lineHeight является отражением свойства line-height
каскадных таблиц стилей.
Если Вы устанавливаете свойство lineHeight, специфицируя number , Navigator
рассчитывает высоту строки путём умножения размера шрифта текущего элемента на number .
Например, если lineHeight равно 1.2 в параграфе, использующем шрифт
в 10-пунктов, высота строки будет 12 пунктов.
Если Вы устанавливаете lineHeight с number ,
потомки текущего параграфа наследуют фактор высоты строки; если Вы
устанавливаете lineHeight с length или percentage ,
потомки наследуют результирующее значение .
listStyleType
Специфицирует стиль символа, отображаемого в начале элемента списка.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .listStyleType = styleType
Параметры
styleObject
Style -объект.
styleType
Строка, вычисляемая в любое из следующих ключевых слов:
disccircle
squaredecimal
lower-romanupper-roman
lower-alphaupper-alphanone
Свойство listStyleType является отражением свойства list-style-type каскадных таблиц стилей.
marginBottom
Специфицирует минимальное расстояние между низом HTML-элемента и верхом прилегающего элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .marginBottom = {length | percentage | auto}
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процент от ширины родительского элемента; например, 20%.
auto
Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginBottom является отражением свойства margin-bottom
каскадных таблиц стилей.
См. также
Style.marginLeft , Style.marginRight ,
Style.marginTop , Style.margins
marginLeft
Специфицирует минимальное расстояние между левым краем HTML-элемента и правым краем прилегающего элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .marginLeft = {length | percentage | auto}
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto
Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginLeft является отражением свойства margin-left каскадных таблиц стилей.
См. также
Style.marginBottom , Style.marginRight ,
Style.marginTop , Style.margins
marginRight
Специфицирует минимальное расстояние между правым краем HTML-элемента и левым краем прилегающего элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .marginRight = {length | percentage | auto}
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto
Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginRight является отражением свойства margin-right
каскадных таблиц стилей.
См. также
Style.marginBottom , Style.marginLeft ,
Style.marginTop , Style.margins
margins
Специфицирует минимальное расстояние между краями HTML-элемента и краями смежных элементов.
Метод из
Style
Реализован в
JavaScript 1.2
Синтаксис
margins(top, right, bottom, left )
Параметры
Описание
Метод margins является удобной аббревиатурой для установки одновременной всех полей.
См. также
Style.marginBottom , Style.marginLeft ,
Style.marginRight , Style.marginTop
marginTop
Специфицирует минимальное расстояние между верхом HTML-элемента и низом прилегающего элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .marginTop = {length | percentage | auto}
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto
Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginTop является отражением свойства margin-top
каскадных таблиц стилей.
См. также
Style.marginBottom , Style.marginLeft ,
Style.marginRight , Style.margins
paddingBottom
Специфицирует, какое пространство вставить между низом элемента и его содержимым, таким как текст или рисунок.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .paddingBottom = {length | percentage }
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingBottom является отражением свойства padding-bottom каскадных таблиц стилей.
См. также
Style.paddingLeft , Style.paddingRight ,
Style.paddingTop , Style.paddings
paddingLeft
Специфицирует, какое пространство вставить между левым краем элемента и его содержимым, таким как текст или рисунок.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .paddingLeft = {length | percentage }
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingLeft является отражением свойства padding-left каскадных таблиц стилей.
См. также
Style.paddingBottom , Style.paddingRight ,
Style.paddingTop , Style.paddings
paddingRight
Специфицирует, какое пространство вставить между правым краем элемента и его содержимым, таким как текст или рисунок.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .paddingRight = {length | percentage }
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingRight является отражением свойства padding-right каскадных таблиц стилей.
См. также
Style.paddingBottom , Style.paddingLeft ,
Style.paddingTop , Style.paddings
paddings
Специфицирует, какое пространство вставить между краями элемента и его содержимым, таким как текст или рисунок.
Метод из
Style
Реализован в
JavaScript 1.2
Синтаксис paddings(top, right, bottom, left )
Параметры
Описание
Метод paddings является удобной аббревиатурой для установки одновременной всех свойств заполнения/padding.
См. также
Style.paddingBottom , Style.paddingLeft ,
Style.paddingRight , Style.paddingTop
paddingTop
Специфицирует, какое пространство вставить между верхом элемента и его содержимым, таким как текст или рисунок.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .paddingTop = {length | percentage }
Параметры
styleObject
Style -объкт.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingTop является отражением свойства padding-top
каскадных таблиц стилей.
См. также
Style.paddingBottom , Style.paddingLeft ,
Style.paddingRight , Style.paddings
textAlign Специфицирует выравнивание текстового HTML-элемента уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .textAlign = alignment
Параметры
styleObject
Style -объект.
alignment
Строка, вычисляемая в любое из следующих ключевых слов:
Не путайте textAlign с align ,
которое специфицирует выравнивание HTML-элемента внутри его родителя.
Свойство textAlign является отражением свойства text-align каскадных таблиц стилей.
textDecoration
Специфицирует специальные эффекты, такие как мигание, перечёркивание и подчёркивание, добавляемые к текстовому HTML-элементу.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .textDecoration = decoration
Параметры
styleObject
Style -объект.
decoration
Строка, вычисляемая в любое из следующих ключевых слов:
noneunderline
line-throughblink
Свойство textDecoration является отражением свойства text-decoration
каскадных таблиц стилей.
textIndent
Специфицирует размер отступа перед первой отформатированной строкой текстового HTML-элемента уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .textIndent = {length | percentage }
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 18pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство textIndent является отражением свойства text-indent каскадных таблиц стилей.
textTransform Специфицирует регистр текстового HTML-элемента уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .textTransform = transformation
Параметры
styleObject
Style -объект.
transformation
Строка, вычисляемая в любое из следующих ключевых слов:
nonecapitalize
uppercaselowercase
Свойство textTransform является отражением свойства text-transform каскадных таблиц стилей.
whiteSpace Специфицирует, должен ли сжиматься пробел внутри HTML-элемента.
Свойство из
Style
Реализовано в
JavaScript 1.2
СинтаксисstyleObject .whiteSpace = {normal | pre}
Параметр
styleObject
A Style object.
Свойство whiteSpace является отражением свойства white-space каскадных таблиц стилей.
width Специфицирует ширину HTML-элемента уровня блока.
Свойство из
Style
Реализовано в
JavaScript 1.2
Синтаксис
styleObject .width = {length | percentage | auto}
Параметры
styleObject
Style -объект.
length
Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage
Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
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 Netscape Communications Corporation