Справочник по CSS : Тематический указатель

Материал из Справочник Web-языков.

Перейти к: навигация, поиск


В этом разделе находятся статьи по CSS (Cascading Style Sheets)

Содержание

[править] Справочник по свойствам и атрибутам

  • Важность - Увеличивает приоритет или важность конкретного определения.
  • Поведение - Этот раздел описывает свойство, с помощью которого Dynamic HTML (DHTML) поведение назначается элементам посредством CSS.
behavior
  • Расположение и границы - Данный раздел содержит список свойст 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
  • Фильтр - Этот раздел описывает свойство фильтра, используемое для визуальных стилей и переходов.
filter
  • Шрифт и Текст - Данный раздел содержит список свойств CSS, применимых для стилей шрифта, визуализации и форматирования текста.
caption-side, content, counter-increment, counter-reset, direction, font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, ime-mode, quotes, 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-rendering, text-transform, text-shadow, text-underline-position, unicode-bidi, vertical-align, white-space, word-break, word-spacing, word-wrap, writing-mode,
  • Списки - Данный раздел содержит набор свойств CSS для разметки списков.
list-style, list-style-image, list-style-position, list-style-type
  • Позиционирование - Данный раздел содержит набор свойств 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-страницы при выводе ее на печать.
orphans, pagebreakafter, pagebreakbefore, page-break-inside, widows
  • Интерфейс пользователя - Данный раздел содержит список свойств CSS, описывающих взаимодействие пользователя с web-страницей.
accelerator, cursor, ms-interpolation-mode, image-rendering, opacity, outline, outline-color, outline-offset, 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

[править] Расширения CSS для Firefox (Gecko)

-moz-appearance - Используется в Gecko (Firefox), чтобы сделать внешний вид элементов управления таким же, как в операционной системе.


-moz-background-clip - Определяет зону отображения фона, который может быть задан в виде рисунка или цвета.

[править] Селекторы

:active - Задает стиль активной ссылки a.

:after - Определяет сгенерированный контент, который будет выведен после элемента.

:before - Определяет сгенерированный контент, который будет выведен перед элементом.

:first-child - Задает один или более стилей для первого из ряда дочерних элементов для объекта.

:last-child - Задает один или более стилей для последнего из ряда дочерних элементов для объекта.

:focus - Задает стиль элемента, получающего фокус.

:hover - Задает стиль элемента, на который наведен курсор мыши.

:lang(C) - Ставит элементу в соответствие определенный язык.

:link - Задает стиль еще не посещенной ссылки a.

:visited - Задает стиль уже посещенной ссылки a.

:root - Структурный псевдокласс. Обозначает корневой элемент XML-документа.

:nth-child - Используется для добавления стиля к элементам на основе нумерации в дереве элементов.

:nth-last-child - Используется для добавления стиля к элементам на основе нумерации в дереве элементов, начиная с последнего.

:nth-of-type - Аналогично :nth-child. Действует лишь на потомков, которые соответствуют элементу в селекторе (имеют тот же тип).

:nth-last-of-type - Аналогично :nth-last-child. Действует лишь на потомков, которые соответствуют элементу в селекторе (имеют тот же тип).

:first-of-type - Используется для добавления стиля к первому дочернему элементу заданного типа из списка потомков родительского элемента.

:last-of-type - Используется для добавления стиля к последнему дочернему элементу заданного типа из списка потомков родительского элемента.

:only-of-type - Используется для добавления стиля к дочернему элементу заданного типа, который является единственным потомком для родительского элемента.

:empty - Используется для добавления стиля к пустому элементу, т.е. который не содержит текста, пробелов и т.п., и у которого нет потомков.

:target - Используется для добавления стиля к целевому элементу (якорной ссылке) на странице.

:checked - Используется для добавления стиля к выбранному пользователем элементу управления.

:disabled - Используется для добавления стиля к неактивным элементам управления.

:enabled - Используется для добавления стиля к активным элементам управления.

:indeterminate - Используется для добавления стиля к элементам управления, находящимся ни в установленном, ни в сброшенном состоянии.

:default - Используется для добавления стиля к элементу управления, который является элементом по умолчанию в группе одинаковых элементов.
:first-letter - Задает один или более стилей для отображения первой буквы текста в объекте.

:first-line - Задает один или более стилей для отображения первой строки текста в объекте.

::selection - Применяется к той части web-документа, которую пользователь выделяет курсором мыши. К выделенному тексту применяются различные CSS-свойства.
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 - С помощью этого метода задают выражение для нужного свойства.
Получено с http://www.spravkaweb.ru:80/css/reference
Добавить страницу в закладки:
 РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
Личные инструменты
смотрим также
смотрим также
Быстро и качественно наносим логотип продаем футболки оптом