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