Справочник CSS
Наш справочник по каскадным таблицам стилей CSS содержит свойства, которые по возможности являются стандартными в CSS3. Свойства отсортированы по алфавиту и по категориям. После перехода на страницу справочника с описанием требуемого свойства, вы сможете посмотреть его синтаксис, описание, список допустимых значений, а также ряд примеров использования данного css-свойства. Кроме того, внизу страницы обычно располагаются ссылки на документацию по данному свойству на официальном сайте W3C и страницу справочника CSS на официальном сайте Mozilla Firefox.
Чтобы посмотреть результат выполнения исходного кода примера во фрейме кодового блока, используйте кнопку «Результат».
Свойства CSS по алфавиту:
CSS по категориям:
Справочные статьи
- Цветовые модели, использующиеся в CSS
- Единицы измерения, использующиеся в CSS
- Таблица кодовых обозначений языков мира
- Таблицы названий цветов, использующихся в HTML и CSS
- Таблицы шрифтов для использования в HTML и CSS
- Абсолютный и относительный путь в веб-программировании
- Наследование, каскадирование и приоритетность стилей CSS
Свойства CSS по алфавиту
direction |
display |
empty-cells |
filter flex flex-basis flex-direction flex-flow |
flex-grow flex-shrink flex-wrap float font |
font-family font-size font-style font-variant font-weight |
height |
justify-content |
left letter-spacing line-height |
list-style list-style-image list-style-position |
list-style-type |
margin margin-bottom margin-left |
margin-right margin-top max-height |
max-width min-height min-width |
object-fit opacity order orphans |
outline outline-color outline-offset outline-style |
outline-width overflow overflow-x overflow-y |
padding padding-bottom padding-left padding-right |
padding-top page-break-after page-break-before page-break-inside |
perspective perspective-origin pointer-events position |
quotes |
resize |
right |
unicode-bidi |
vertical-align |
visibility |
white-space widows width |
word-break word-spacing word-wrap |
writing-mode z-index |
CSS по категориям
box-sizing height max-height |
max-width min-height min-width |
width |
margin margin-bottom margin-left margin-right |
margin-top padding padding-bottom padding-left |
padding-right padding-top |
bottom clip left |
position right top |
z-index |
font font-family |
font-size font-style |
font-variant font-weight |
content counter-increment |
counter-reset quotes |
orphans page-break-after |
page-break-before page-break-inside |
widows |
column-count column-fill column-gap column-rule |
column-rule-color column-rule-style column-rule-width column-span |
column-width columns |
list-style list-style-image |
list-style-position list-style-type |
border-collapse border-spacing |
caption-side empty-cells |
table-layout |
all clear cursor display float |
object-fit opacity overflow overflow-x overflow-y |
pointer-events resize vertical-align visibility |
align-content align-items align-self flex |
flex-basis flex-direction flex-flow flex-grow |
flex-shrink flex-wrap justify-content order |
perspective perspective-origin |
backface-visibility transform |
transform-origin transform-style |
@charset @font-face @import |
@keyframes @media @page |
@supports |
::after ::before |
::first-letter ::first-line |
::placeholder ::selection |
* E E F E>F E+F |
E~F .className #idValue [attribute] [attribute="value"] |
[attribute^="value"] [attribute$="value"] [attribute~="value"] [attribute*="value"] |
attr() calc() |
linear-gradient() radial-gradient() |
repeating-linear-gradient() repeating-radial-gradient() |