Руководство по CSS
Данный справочник по CSS перечисляет все стандартные свойства, псевдоклассы и псевдоэлементы, @-правила, единицы измерения и селекторы CSS в алфавитном порядке. Справочник позволит вам быстро найти подробную информацию о каждом из них. Он не только перечисляет свойства CSS 1 и CSS 2.1, но является и справочником по CSS3 со ссылками на описание каждого стандартизированного или уже стабилизированного свойства CSS3. Также включает в себя краткое руководство DOM-CSS / CSSOM.
Заметьте, что определения CSS-правил полностью (ASCII) текста-ориентированы, в то время как определения правил DOM-CSS / CSSOM объектно-ориентированы.
Смотрите также Mozilla CSS Extensions для Gecko-специфичных свойств с префиксом -moz; и WebKit CSS Extensions для WebKit-специфичных свойств. Смотрите Обзор CSS-префиксов для разных браузеров от Peter Beverloo для всех свойств с префиксами.
Базовый синтаксис правил
Имейте в виду, что любая синтаксическая ошибка в задании правил сделает некорректным всё правило.
Стили
selectorlist { property: value; [more property:value; pairs] }
...где selectorlist: selector[:pseudo-class] [::pseudo-element] [, more selectorlists]
Смотрите списки селекторов, псевдоэлементов и псевдоклассов ниже.
Примеры
strong {
color: red;
}
div.menu-bar li:hover > ul {
display: block;
}
@-правила
Так как у них есть много различных структурных форматов, смотрите нужный синтаксис @-правил.
Справочный указатель
A
- Attribute selectors
abs()CSS function<absolute-size>CSS typeaccent-colorCSS propertyacos()CSS function:activeCSS pseudo-class:active-view-transitionCSS pseudo-class:active-view-transition-type()CSS pseudo-classadditive-symbolsCSS at-rule descriptor (@counter-style)::afterCSS pseudo-elementalign-contentCSS propertyalign-itemsCSS propertyalign-selfCSS propertyalignment-baselineCSS propertyallCSS propertyalpha()CSS function<alpha-value>CSS typeanchor()CSS functionanchor-nameCSS propertyanchor-scopeCSS propertyanchor-size()CSS function<angle-percentage>CSS type<angle>CSS typeanimationCSS propertyanimation-compositionCSS propertyanimation-delayCSS propertyanimation-directionCSS propertyanimation-durationCSS propertyanimation-fill-modeCSS propertyanimation-iteration-countCSS propertyanimation-nameCSS propertyanimation-play-stateCSS propertyanimation-rangeCSS propertyanimation-range-endCSS propertyanimation-range-startCSS propertyanimation-timelineCSS propertyanimation-timing-functionCSS property:any-linkCSS pseudo-classappearanceCSS propertyascent-overrideCSS at-rule descriptor (@font-face)asin()CSS functionaspect-ratioCSS propertyatan()CSS functionatan2()CSS functionattr()CSS function:autofillCSS pseudo-class<axis>CSS type
B
::backdropCSS pseudo-elementbackdrop-filterCSS propertybackface-visibilityCSS propertybackgroundCSS propertybackground-attachmentCSS propertybackground-blend-modeCSS propertybackground-clipCSS propertybackground-colorCSS propertybackground-imageCSS propertybackground-originCSS propertybackground-positionCSS propertybackground-position-xCSS propertybackground-position-yCSS propertybackground-repeatCSS propertybackground-repeat-xCSS propertybackground-repeat-yCSS propertybackground-sizeCSS propertybase-paletteCSS at-rule descriptor (@font-palette-values)<baseline-position>CSS typebaseline-shiftCSS propertybaseline-sourceCSS property<basic-shape>CSS type::beforeCSS pseudo-element:blankCSS pseudo-class<blend-mode>CSS typeblock-sizeCSS propertyblur()CSS functionborderCSS propertyborder-blockCSS propertyborder-block-colorCSS propertyborder-block-endCSS propertyborder-block-end-colorCSS propertyborder-block-end-styleCSS propertyborder-block-end-widthCSS propertyborder-block-startCSS propertyborder-block-start-colorCSS propertyborder-block-start-styleCSS propertyborder-block-start-widthCSS propertyborder-block-styleCSS propertyborder-block-widthCSS propertyborder-bottomCSS propertyborder-bottom-colorCSS propertyborder-bottom-left-radiusCSS propertyborder-bottom-right-radiusCSS propertyborder-bottom-styleCSS propertyborder-bottom-widthCSS propertyborder-collapseCSS propertyborder-colorCSS propertyborder-end-end-radiusCSS propertyborder-end-start-radiusCSS propertyborder-imageCSS propertyborder-image-outsetCSS propertyborder-image-repeatCSS property