Справочник по CSS
Материал из Справочник Web-языков.
В этом разделе находятся статьи по CSS (Cascading Style Sheets)
Содержание |
Справочник по свойствам и атрибутам
- Важность - Увеличивает приоритет или важность конкретного определения.
- Поведение - Этот раздел описывает свойство, с помощью которого Dynamic HTML (DHTML) поведение назначается элементам посредством CSS.
- Расположение и границы - Данный раздел содержит список свойст CSS, которые применяются для описания поведения расположения и границ объекта:
border, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-collapse, border-color, border-left, border-left-color, border-left-style, border-left-width, border-right, border-right-color, border-right-style, border-right-width, border-spacing, border-style, border-top, border-top-color, border-top-style, border-top-width, border-width, box-sizing, clear, empty-cells, float, margin, margin-bottom, margin-left, margin-right, margin-top, padding, padding-bottom, padding-left, padding-right, padding-top, table-layout
- Цвет и фон - Данный раздел содержит список свойств CSS, которые применяются для описания цвета и фона объектов.
background, background-attachment, background-color, background-image, background-position, background-position-x, background-position-y, background-repeat, color
- Фильтр - Этот раздел описывает свойство фильтра, используемое для визуальных стилей и переходов.
- Шрифт и Текст - Данный раздел содержит список свойств CSS, применимых для стилей шрифта, визуализации и форматирования текста.
caption-side, content, counter-increment, counter-reset, direction, font, font-family, font-size, font-size-adjust, font-style, font-variant, font-weight, ime-mode, layout-flow, layout-grid, layout-grid-char, layout-grid-line, layout-grid-mode, layout-grid-type, letter-spacing, line-break, line-height, ruby-align, ruby-overhang, ruby-position, text-align, text-align-last, text-autospace, text-decoration, text-decoration-blink, text-decoration-line-through, text-decoration-none, text-decoration-overline, text-decoration-underline, text-indent, text-justify, text-kashida-space, text-overflow, text-transform, text-underline-position, unicode-bidi, vertical-align, white-space, word-break, word-spacing, word-wrap, writing-mode,
- Списки - Данный раздел содержит набор свойств CSS для разметки списков.
- Позиционирование - Данный раздел содержит набор свойств CSS, которые описывают размеры и позицию элементов, а также их z-index и видимость.
bottom, clip, display, height, left, max-height, max-width, min-height, min-width, overflow-x, overflow-y, overflow, pixelBottom, pixelHeight, pixelLeft, pixelRight, pixelTop, pixelWidth, posBottom, posHeight, position, posLeft, posRight, posTop, posWidth, right, top, visibility, width, z-index
- Печать - Данный раздел содержит список свойств CSS, влияющих на отображение web-страницы при выводе ее на печать.
- Интерфейс пользователя - Данный раздел содержит список свойств CSS, описывающих взаимодействие пользователя с web-страницей.
accelerator, cursor, ms-interpolation-mode, outline, outline-color, outline-style, outline-width, scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-dark-shadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color, zoom
- Полный список - Содержит полный список свойств и атрибутов.
Селекторы
:active - Задает стиль активной ссылки a.
:after - Определяет сгенерированный контент, который будет выведен после элемента.
:before - Определяет сгенерированный контент, который будет выведен перед элементом.
:first-child - Задает один или более стилей для первого из ряда дочерних элементов для объекта.
:focus - Задает стиль элемента, получающего фокус.
:hover - Задает стиль элемента, на который наведен курсор мыши.
:lang(C) - Ставит элементу в соответствие определенный язык.
:link - Задает стиль еще не посещенной ссылки a.
:visited - Задает стиль уже посещенной ссылки a. :first-letter - Задает один или более стилей для отображения первой буквы текста в объекте.
Adjacent Sibling (+) Combinator - Соседний родственный комбинатор. Определяет связь между соседними родственными простыми селекторами.
Child (>) Combinator - Наследственный комбинатор. Определяет наследственную связь между простыми селекторами.
Descendant Combinator - Потомственный комбинатор. Определяет произвольную потомственную связь между простыми селекторами.
General Sibling (~) Combinator - Обобщенный родственный комбинатор. Определяет обобщенную связь между родственными простыми селекторами. Equality [=] Attribute Selector - В точности определяет значение атрибута.
Existence [] Attribute Selector - Определяет атрибут независимо от его значения.
Prefix [^=] Attribute Selector - Задает префикс, с которого начинается значение атрибута.
Substring [*=] Attribute Selector - Задает последовательность символов, которая должна входить в значение атрибута.
Whitespace [~=] Attribute Selector - Определяет значение, которому должно соответствовать одно из значений атрибута.
Hyphen [|=] Attribute Selector - Применяется для атрибутов, чье значение состоит из пары слов, разделенных дефисом.
Suffix [$=] Attribute Selector - Задает суффикс, которым заканчивается значение атрибута.- Class Selector - Селектор класса. Задает класс элемента.
- ID Selector - Селектор идентификатора. Задает идентификатор атрибута.
- Type Selector - Селектор типа. Задает тип элемента.
- Universal (*) Selector - Универсальный селектор. Определяет любой тип элемента.
Правила
- @charset - Задает кодировку внешней таблицы стилей.
- @font-face - Задает шрифт, встраиваемый в html-документ.
- @import - Позволяет импортировать в web-документ внешнюю таблицу стилей.
- @media - Задает список мультимедиа устройств, для которых необходимо использовать таблицу стилей.
- @page - Задает размеры, ориентацию и поля страничного блока в таблице стилей.
Совокупности
- imports - Определяет всю совокупность импортируемых таблиц стилей для соответствующего объекта styleSheet.
- pages - Определяет совокупность объектов page, которые соответствуют правилам @page объекта styleSheet.
- rules - Определяет всю совокупность правил, определенных для таблицы стилей.
- styleSheets - Определяет всю совокупность объектов styleSheet, представляющих таблицы стилей, которые соответствуют каждой копии объектов link или style в документе.
Методы
- addImport - Добавляет таблицу стилей в совокупность imports.
- addRule - Добавляет новое правило для таблицы стилей.
- createStyleSheet - Создает таблицу стилей для web-документа.
- getExpression - С помощью этого метода получают выражение для нужного свойства.
- removeExpression - Удаляет выражение для заданного свойства.
- removeImport - Удаляет таблицу стилей из совокупности imports, основываясь на ее порядковом номере.
- removeRule - Удаляет уже существующее для объекта styleSheet правило и соответствующую запись в совокупности rules.
- setExpression - С помощью этого метода задают выражение для нужного свойства.