объект Style
Объект Style представляет индивидуальный стиль заявление.
Доступ к Style Object
Объект типа можно получить из головной части документа, или от конкретного HTML - element(s) .
Доступ стиля object(s) из головной части документа:
Доступ к стилю объекта заданного элемента в:
Создание стиля объекта
Вы можете создать <style> элемент с помощью document. createElement() document. createElement() Метод:
Вы можете также установить свойство стиля существующего элемента:
Свойства объекта Style
"CSS" столбец указывает , в какой версии CSS свойство определено (CSS1, CSS2, or CSS3) .
| Имущество | Описание | CSS |
|---|---|---|
| alignContent | Устанавливает или возвращает выравнивание между линиями внутри гибкого контейнера, когда элементы не использовать все доступное пространство | 3 |
| alignItems | Устанавливает или возвращает выравнивание для элементов внутри гибкого контейнера | 3 |
| alignSelf | Устанавливает или возвращает выравнивание для выбранных элементов внутри гибкого контейнера | 3 |
| animation | Сокращённое свойство для всех свойств анимации ниже, за исключением имущества animationPlayState | 3 |
| animationDelay | Устанавливает или возвращает, когда анимация начнется | 3 |
| animationDirection | Устанавливает или возвращает, должен ли анимация играть в обратном направлении с чередованием | 3 |
| animationDuration | Устанавливает или возвращает количество секунд или миллисекунды анимации требуется, чтобы завершить один цикл | 3 |
| animationFillMode | Устанавливает или возвращает то, что значения, применяемые анимации вне времени его выполнения | 3 |
| animationIterationCount | Устанавливает или возвращает число раз анимация должна быть воспроизведена | 3 |
| animationName | Устанавливает или возвращает имя для анимации @keyframes | 3 |
| animationTimingFunction | Устанавливает или возвращает кривую скорости анимации | 3 |
| animationPlayState | Устанавливает или возвращает ли анимация работает или приостановлена | 3 |
| background | Устанавливает или возвращает все свойства фона в одной декларации | 1 |
| backgroundAttachment | Устанавливает или возвращает ли закреплен фоновое изображение или свитки с страницы | 1 |
| backgroundColor | Устанавливает или возвращает цвет фона элемента | 1 |
| backgroundImage | Устанавливает или возвращает фоновое изображение для элемента | 1 |
| backgroundPosition | Устанавливает или возвращает начальную позицию фонового изображения | 1 |
| backgroundRepeat | Устанавливает или возвращает , как повторить (tile) на фоновое изображение | 1 |
| backgroundClip | Устанавливает или возвращает область рисования фона | 3 |
| backgroundOrigin | Устанавливает или возвращает область позиционирования фоновых изображений | 3 |
| backgroundSize | Устанавливает или возвращает размер фонового изображения | 3 |
| backfaceVisibility | Устанавливает или возвращает, должен ли элемент быть видимым, когда не смотрит на экран | 3 |
| border | Устанавливает или возвращает BorderWidth, BorderStyle и BorderColor в одной декларации | 1 |
| borderBottom | Устанавливает или возвращает все borderBottom * свойства в одной декларации | 1 |
| borderBottomColor | Устанавливает или возвращает цвет нижней границы | 1 |
| borderBottomLeftRadius | Устанавливает или возвращает форму границы нижнего левого угла | 3 |
| borderBottomRightRadius | Устанавливает или возвращает форму границы нижнего правого угла | 3 |
| borderBottomStyle | Устанавливает или возвращает стиль нижней границы | 1 |
| borderBottomWidth | Устанавливает или возвращает ширину нижней границы | 1 |
| borderCollapse | Устанавливает или возвращает ли границы таблицы должны быть свернуты в одну границу, или нет | 2 |
| borderColor | Устанавливает или возвращает цвет рамки элемента (может иметь до четырех значений) | 1 |
| borderImage | Сокращённое свойство для установки или возврата всех borderImage * свойства | 3 |
| borderImageOutset | Устанавливает или возвращает величину, на которую пограничная область изображения выходит за пределы коробки границы | 3 |
| borderImageRepeat | Устанавливает или возвращает, должен ли быть повторены изображение границы, округлые или вытянутые | 3 |
| borderImageSlice | Устанавливает или возвращает внутренности смещения изображения-границы | 3 |
| borderImageSource | Устанавливает или возвращает изображение, которое будет использоваться в качестве границы | 3 |
| borderImageWidth | Устанавливает или возвращает ширину изображения-границы | 3 |
| borderLeft | Устанавливает или возвращает все borderLeft * свойства в одной декларации | 1 |
| borderLeftColor | Устанавливает или возвращает цвет левой границы | 1 |
| borderLeftStyle | Устанавливает или возвращает стиль левой границы | 1 |
| borderLeftWidth | Устанавливает или возвращает ширину левой границы | 1 |
| borderRadius | Сокращённое свойство для установки или возврата всех четыре пограничных * свойств Radius | 3 |
| borderRight | Устанавливает или возвращает все borderRight * свойства в одной декларации | 1 |
| borderRightColor | Устанавливает или возвращает цвет правой границы | 1 |
| borderRightStyle | Устанавливает или возвращает стиль правой границы | 1 |
| borderRightWidth | Устанавливает или возвращает ширину правой границы | 1 |
| borderSpacing | Устанавливает или возвращает пространство между ячейками в таблице | 2 |
| borderStyle | Устанавливает или возвращает стиль рамки элемента (может иметь до четырех значений) | 1 |
| borderTop | Устанавливает или возвращает все borderTop * свойства в одной декларации | 1 |
| borderTopColor | Устанавливает или возвращает цвет верхней границы | 1 |
| borderTopLeftRadius | Устанавливает или возвращает форму границы верхнего левого угла | 3 |
| borderTopRightRadius | Устанавливает или возвращает форму границы в верхнем правом углу | 3 |
| borderTopStyle | Устанавливает или возвращает стиль верхней границы | 1 |
| borderTopWidth | Устанавливает или возвращает ширину верхней границы | 1 |
| borderWidth | Устанавливает или возвращает ширину рамки элемента (может иметь до четырех значений) | 1 |
| bottom | Устанавливает или возвращает нижнюю позицию элемента, расположенного | 2 |
| boxDecorationBreak | Устанавливает или возвращает поведение фона и границы элемента на странице-брейк, или, в-линии элементов, на разрыв строки. | 3 |
| boxShadow | Придает один или несколько бросившей тень на поле | 3 |
| boxSizing | Позволяет определить некоторые элементы, чтобы соответствовать площади в определенном смысле | 3 |
| captionSide | Устанавливает или возвращает позицию заголовка таблицы | 2 |
| clear | Устанавливает или возвращает позицию элемента относительно плавающих объектов | 1 |
| clip | Устанавливает или возвращает какая часть позиционированного элемента видна | 2 |
| color | Устанавливает или возвращает цвет текста | 1 |
| columnCount | Устанавливает или возвращает количество столбцов элемент должен быть разделен на | 3 |
| columnFill | Устанавливает или возвращает, как заполнить столбцы | 3 |
| columnGap | Устанавливает или возвращает разрыв между столбцами | 3 |
| columnRule | Сокращённое свойство для установки или возврата всех columnRule * свойства | 3 |
| columnRuleColor | Устанавливает или возвращает цвет правила между колоннами | 3 |
| columnRuleStyle | Устанавливает или возвращает стиль правила между колоннами | 3 |
| columnRuleWidth | Устанавливает или возвращает ширину правила между колоннами | 3 |
| columns | Сокращённое свойство для установки или возврата ColumnWidth и ColumnCount | 3 |
| columnSpan | Устанавливает или возвращает количество столбцов элемент должен пронизывают через | 3 |
| columnWidth | Устанавливает или возвращает ширину столбцов | 3 |
| content | Используется с: до и: после того, как псевдо-элементов, чтобы вставить сгенерированный контент | 2 |
| counterIncrement | Приращивает один или несколько счетчиков | 2 |
| counterReset | Создает или сбрасывает один или несколько счетчиков | 2 |
| cursor | Устанавливает или возвращает тип курсора, чтобы отобразить для указателя мыши | 2 |
| direction | Устанавливает или возвращает направление текста | 2 |
| display | Устанавливает или возвращает тип отображения элемента | 1 |
| emptyCells | Устанавливает или возвращает ли показывать границы и фон пустых ячеек, или нет | 2 |
| filter | Устанавливает или возвращает графических фильтров (visual effects, like blur and saturation) | 3 |
| flex | Устанавливает или возвращает длину элемента, по отношению к остальным | 3 |
| flexBasis | Устанавливает или возвращает первоначальную длину гибкого элемента | 3 |
| flexDirection | Устанавливает или возвращает направление гибких элементов | 3 |
| flexFlow | Сокращённое свойство для flexDirection и свойств flexWrap | 3 |
| flexGrow | Устанавливает или возвращает, сколько элемент будет расти по отношению к остальной | 3 |
| flexShrink | Устанавливает или возвращает, как элемент будет уменьшаться относительно остальных | 3 |
| flexWrap | Устанавливает или возвращает, должны ли гибкие элементы переноситься или нет | 3 |
| cssFloat | Устанавливает или возвращает горизонтальное выравнивание элемента | 1 |
| font | Устанавливает или возвращает FontStyle, fontVariant, FontWeight, FONTSIZE, LineHeight и FontFamily в одной декларации | 1 |
| fontFamily | Устанавливает или возвращает семейство шрифтов для текста | 1 |
| fontSize | Устанавливает или возвращает размер шрифта текста | 1 |
| fontStyle | Устанавливает или возвращает ли стиль шрифта нормальный, курсив или наклонный | 1 |
| fontVariant | Устанавливает или возвращают ли шрифт должен отображаться в прописных буквах | 1 |
| fontWeight | Устанавливает или возвращает дерзновение шрифта | 1 |
| fontSizeAdjust | Консервированная читаемость текста, когда происходит резервный шрифт | 3 |
| fontStretch | Выбирает нормальный, плотный или расширенный лицо из семейства шрифтов | 3 |
| hangingPunctuation | Определяет, является ли символ пунктуации может быть размещен за пределами штрафной линии | 3 |
| height | Устанавливает или возвращает высоту элемента | 1 |
| hyphens | Устанавливает, как разделить слова, чтобы улучшить расположение пунктов | 3 |
| icon | Обеспечивает автору возможность стиль элемента с культовым эквивалентом | 3 |
| imageOrientation | Указывает поворот в правой или по часовой стрелке, что агент пользователя применяется к изображению | 3 |
| justifyContent | Устанавливает или возвращает выравнивание между элементами внутри гибкого контейнера, когда элементы не использовать все доступное пространство. | 3 |
| left | Устанавливает или возвращает левую позицию элемента, расположенного | 2 |
| letterSpacing | Устанавливает или возвращает пространство между символами в тексте | 1 |
| lineHeight | Устанавливает или возвращает расстояние между строками в тексте | 1 |
| listStyle | Устанавливает или возвращает listStyleImage, listStylePosition и listStyleType в одной декларации | 1 |
| listStyleImage | Устанавливает или возвращает изображение в качестве элемента списка маркера | 1 |
| listStylePosition | Устанавливает или возвращает позицию элемента списка маркеров | 1 |
| listStyleType | Устанавливает или возвращает список-элемент типа маркеров | 1 |
| margin | Устанавливает или возвращает допустимые пределы элемента (can have up to four values) | 1 |
| marginBottom | Задает или возвращает нижнюю границу элемента | 1 |
| marginLeft | Устанавливает или возвращает левое поле элемента | 1 |
| marginRight | Устанавливает или возвращает правую границу элемента | 1 |
| marginTop | Устанавливает или возвращает верхний край элемента | 1 |
| maxHeight | Устанавливает или возвращает максимальную высоту элемента | 2 |
| maxWidth | Устанавливает или возвращает максимальную ширину элемента | 2 |
| minHeight | Устанавливает или возвращает минимальную высоту элемента | 2 |
| minWidth | Устанавливает или возвращает минимальную ширину элемента | 2 |
| navDown | Устанавливает или возвращает где для навигации при использовании навигационной клавиши со стрелкой вниз | 3 |
| navIndex | Устанавливает или возвращает порядок перемещения для элемента | 3 |
| navLeft | Устанавливает или возвращает где для навигации при использовании стрелки левой клавиши навигации | 3 |
| navRight | Устанавливает или возвращает где для навигации при использовании стрелки правой клавиши навигации | 3 |
| navUp | Устанавливает или возвращает где для навигации при использовании стрелка вверх навигационной клавиши | 3 |
| opacity | Устанавливает или возвращает уровень непрозрачности для элемента | 3 |
| order | Устанавливает или возвращает порядок гибкого элемента, по отношению к остальным | 3 |
| orphans | Устанавливает или возвращает минимальное количество строк для элемента, который должен быть оставлен в нижней части страницы, когда разрыв страницы происходит внутри элемента | 2 |
| outline | Устанавливает или возвращает все свойства контурных в одной декларации | 2 |
| outlineColor | Устанавливает или возвращает цвет контура вокруг элемента | 2 |
| outlineOffset | Смещает контур и рисует его за пределы границы края | 3 |
| outlineStyle | Устанавливает или возвращает стиль контура вокруг элемента | 2 |
| outlineWidth | Устанавливает или возвращает ширину контура вокруг элемента | 2 |
| overflow | Устанавливает или возвращает то, что делать с содержанием, делающего нестандартно элемента | 2 |
| overflowX | Указывает, что делать с левым / правым краями содержания, если оно переполняет область содержимого элемента | 3 |
| overflowY | Указывает, что делать с верхними / нижними краями содержания, если оно переполняет область содержимого элемента | 3 |
| padding | Устанавливает или возвращает заполнение элемента (can have up to four values) | 1 |
| paddingBottom | Задает или возвращает нижний отступ элемента | 1 |
| paddingLeft | Устанавливает или возвращает левый отступ элемента | 1 |
| paddingRight | Устанавливает или возвращает правильное заполнение элемента | 1 |
| paddingTop | Устанавливает или возвращает верхний отступ элемента | 1 |
| pageBreakAfter | Устанавливает или возвращает поведение разделённого на страницы после элемента | 2 |
| pageBreakBefore | Устанавливает или возвращает поведение разделённого на страницы перед элементом | 2 |
| pageBreakInside | Устанавливает или возвращает поведение разделённого на страницы внутри элемента | 2 |
| perspective | Устанавливает или возвращает перспективу о том, как 3D-элементы рассматриваются | 3 |
| perspectiveOrigin | Устанавливает или возвращает нижнее положение 3D-элементов | 3 |
| position | Устанавливает или возвращает тип способа позиционирования , используемый для элемента (static, relative, absolute or fixed) | 2 |
| quotes | Устанавливает или возвращает тип кавычек для встроенных цитат | 2 |
| resize | Устанавливает или возвращает ли или не изменяемыми пользователем элемент | 3 |
| right | Устанавливает или возвращает правильную позицию элемента, расположенного | 2 |
| tableLayout | Устанавливает или возвращает путь к раскладывать ячейки таблицы, строки и столбцы | 2 |
| tabSize | Устанавливает или возвращает длину лепестка-символ | 3 |
| textAlign | Устанавливает или возвращает горизонтальное выравнивание текста | 1 |
| textAlignLast | Устанавливаю или возвращает , как последняя строка блока или справа линии перед вынужденным разрывом строки выравнивается , когда выравнивание текста является "justify" | 3 |
| textDecoration | Устанавливает или возвращает оформление текста | 1 |
| textDecorationColor | Устанавливает или возвращает цвет текста-украшения | 3 |
| textDecorationLine | Устанавливает или возвращает тип строки в текстовом декорирования | 3 |
| textDecorationStyle | Устанавливает или возвращает стиль линии в текстовом декорирования | 3 |
| textIndent | Устанавливает или возвращает отступ первой строки текста | 1 |
| textJustify | Устанавливает или возвращает метод обоснования используется , когда выравнивания текста является "justify" | 3 |
| textOverflow | Устанавливает или возвращает то, что должно произойти, когда текст переполняет содержащий элемент | 3 |
| textShadow | Устанавливает или возвращает теневой эффект текста | 3 |
| textTransform | Устанавливает или возвращает капитализацию текста | 1 |
| top | Устанавливает или возвращает верхнюю позицию элемента, расположенного | 2 |
| transform | Применяет 2D или 3D трансформацию к элементу | 3 |
| transformOrigin | Устанавливает или возвращает позицию трансформированных элементов | 3 |
| transformStyle | Устанавливает или возвращает, как вложенные элементы отображаются в 3D-пространстве | 3 |
| transition | Сокращённое свойство для установки или возвращения четырех свойств перехода | 3 |
| transitionProperty | Устанавливает или возвращает свойство CSS, что эффект перехода для | 3 |
| transitionDuration | Устанавливает или возвращает сколько секунд или миллисекунды переход эффекта требуется, чтобы завершить | 3 |
| transitionTimingFunction | Устанавливает или возвращает кривую скорости эффекта перехода | 3 |
| transitionDelay | Устанавливает или возвращает, когда эффект перехода начнется | 3 |
| unicodeBidi | Устанавливает или возвращает, должен ли текст быть переопределены для поддержки нескольких языков в одном документе | 2 |
| verticalAlign | Устанавливает или возвращает вертикальное выравнивание содержимого в элементе | 1 |
| visibility | Устанавливает или возвращает, должен ли элемент быть видимым | 2 |
| whiteSpace | Устанавливает или возвращает, как обрабатывать табуляцию, разрывы строк и пробелы в тексте | 1 |
| width | Устанавливает или возвращает ширину элемента | 1 |
| wordBreak | Устанавливает или возвращает линию, нарушающие правила, не CJK скриптов | 3 |
| wordSpacing | Устанавливает или возвращает интервал между словами в тексте | 1 |
| wordWrap | Позволяет длинные, неразрывные слова должны быть сломаны и обернуть на следующую строку | 3 |
| widows | Устанавливает или возвращает минимальное количество строк для элемента, который должен быть виден в верхней части страницы | 2 |
| zIndex | Устанавливает или возвращает порядок стека позиционированного элемента | 2 |
Похожие страницы
HTML учебник: HTML CSS
CSS учебник: Учебник CSS
HTML ссылка: HTML <style> тег
Ссылка CSS: Свойства CSS