Страница
из раздела
Инструменты

Свойства CSS

Свойства CSS

Здесь дана памятка с перечислением свойств CSS. Полное описание, использование, назначение можно найти на suncloud.ru (автор — Юрий Лукач)

Название свойства Значения По умолчанию Область применения Насле-
дование
background background-color || background-image || background-repeat || background-attachment || background-position | inherit Нет Все элементы Нет
background-attachment scroll | fixed | inherit scroll Все элементы Нет
background-color <color> | transparent | inherit transparent Все элементы Нет
background-image <uri> | none | inherit Нет Все элементы Нет
background-position <percentage> | <length> | {1,2} | top | center | bottom || left | center | right | inherit 0% 0% Блочные и перемещенные элементы Нет
background-repeat repeat | repeat-x | repeat-y | norepeat | inherit repeat Все элементы Нет
border border-width || border-style || <color> | inherit Нет Все элементы Нет
border-collapse collapse | separate | inherit collapse Таблицы Нет
border-color <color> {1,4} |transparent | inherit см. собственные значения Все элементы Нет
border-spacing <length> <length>? | inherit 0 Таблицы и встроенные табличные элементы Да
border-style1*** <border-style> {1,4} | inherit Нет Все элементы Нет
border-top border-top-width || border-style || <color> | inherit Нет Все элементы Нет
border-right border-right-width || border-style || <color> | inherit Нет Все элементы Нет
border-bottom border-bottom-width || border-style || <color> | inherit Нет Все элементы Нет
border-left border-left-width || border-style || <color> | inherit Нет Все элементы Нет
border-top-color <color> | inherit Значение цвета Все элементы Нет
border-right-color <color> | inherit Значение цвета Все элементы Нет
border-bottom-color <color> | inherit Значение цвета Все элементы Нет
border-left-color <color> | inherit Значение цвета Все элементы Нет
border-top-style border-style | inherit Нет Все элементы Нет
border-right-style border-style | inherit Нет Все элементы Нет
border-bottom-style border-style | inherit Нет Все элементы Нет
border-left-style border-style | inherit Нет Все элементы Нет
border-top-width border-width | inherit 0 Все элементы Нет
border-right-width border-width | inherit 0 Все элементы Нет
border-bottom-width border-width | inherit 0 Все элементы Нет
border-left-width border-width | inherit 0 Все элементы Нет
border-width border-width {1,4} | inherit 0 Все элементы Нет
bottom <length> | <percentage> | auto | inherit auto Позиционируемые элементы Нет
caption-side top | bottom | left | right | inherit top элементы заголовка таблицы Да
clear none | left | right | both |inherit Нет Блочные элементы Нет
clip <shape> | auto | inherit Auto Все элементы с установкой position: absolute Нет
color <color> | inherit уст.польз Все элементы Да
content <string> | <uri> | <counter> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote | inherit пустая строка Все элементы и псевдоэлементы :before и :after Нет
counter-increment <identifier><integer>? | none | inherit Нет Все элементы Нет
counter-reset <identifier><integer>? | none | inherit Нет Все элементы Нет
cursor <uri> | auto | crosschair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | inherit Auto Все элементы Да
direction ltr | rtr | inherit ltr К элементам дискурса Да
display inline | block | list-item | run-in | compact | marker | table | inlinetable | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit inline Все элементы Нет
empty-cells show | hide | inherit show Элементы табличных ячеек Да
float left | right | none | inherit Нет Все элементы кроме объектов с фиксированным положением Нет
font font-style || font-variant || font-weight | font-size || line-height | font-family | caption | icon | menu | messagebox | smallcaption | statusbar | inherit   Все элементы Да
font-family <family-name> | <generic-family> || inherit   Все элементы Да
font-size <absolute-size> | <relative-size> | <length> | <percentage> | inherit Среднее Все элементы Да, рассчитанное значение
font-size-adjust <number> | none | inherit Нет Все элементы Да
font-stretch normal | wider | narrower | ultracondensed | extracondensed | condensed | semicondensed | semiexpanded | expanded | extraexpanded | ultraexpanded | inherit normal Все элементы Да
font-style normal | italic | oblique | inherit normal Все элементы Да
font-variant normal | small-caps | inherit normal Все элементы Да
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal Все элементы Да
height <length> | <percentage> | auto | inherit auto Все элементы, кроме фиксированных столбцов, встроенных элементов и групп Нет
left <length> | <percentage> | auto | inherit auto Позиционируемые элементы Нет
letter-spacing px, em      
line-height normal | <number> | <length> | <percentage> | inherit normal Все элементы Да
list-style <list-style type> || <list-style-position> || <list-style-image> | inherit Нет Элементы с параметром display: list-item Да
list-style-image <uri> | none | inherit Нет Элементы с параметром display: list-item Да
list-style-position inside | outside | inherit outside Элементы с параметром display: list-item Да
list-style-type disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greec | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjkideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit disc Элементы с параметром display: list-item Да
margin <margin-width> {1,4} | inherit 0 Все элементы Нет
margin-top <margin-width> | inherit 0 Все элементы Нет
margin-right <margin-width> | inherit 0 Все элементы Нет
margin-bottom <margin-width> | inherit 0 Все элементы Нет
margin-left <margin-width> | inherit 0 Все элементы Нет
marker-offset <length> | auto | inherit auto элементы с параметром display:marker нет
marks crop || cross | none | inherit нет контекст страницы  
max-height <length> | <percentage> | none | inherit нет все объекты, исключая неперемещаемые внедренные и табличные элементы нет
max-width <length> | <percentage> | none | inherit нет все объекты, исключая неперемещаемые внедренные и табличные элементы нет
min-height <length> | <percentage> | none | inherit 0 все объекты, исключая неперемещаемые внедренные и табличные элементы нет
min-width <length> | <percentage> | none | inherit зависит от настроек пользователя все объекты, исключая неперемещаемые внедренные и табличные элементы нет
orphans <integer> | inherit 2 Блочные элементы да
outline outline-color || outline-style || outline-width | inherit   все элементы нет
outline-color <color> | invert | inherit invert все элементы нет
outline-style <border-style> | inherit нет все элементы нет
outline-width <border-width> | inherit medium все элементы нет
overflow visible | hidden | scroll | auto | inherit visible все элементы с абсолютным позиционированием нет
padding <padding-width> {1,4} | inherit 0 все элементы нет
padding-top <padding-width> | inherit 0 все элементы нет
padding-right <padding-width> | inherit 0 все элементы нет
padding-bottom <padding-width> | inherit 0 все элементы нет
padding-left <padding-width> | inherit 0 все элементы нет
page <identifier> | auto auto блочные элементы да
page-break-after auto | always | avoid | left | right | inherit auto все элементы кроме td и TH нет
page-break-before auto | always | avoid | left | right | inherit auto все элементы кроме td и TH нет
page-break-inside avoid | auto | inherit auto блочные элементы да
position2*** static | relative | absolute | fixed | inherit static   нет
quotes <string> | <string>+ | none | inherit зависит от настроек пользователя все элементы да
right <length> | <percentage> | auto | inherit auto все элементы нет
size <length> {1,2} | auto | portrait | landscape | inherit auto контекст страницы  
table-layout auto | fixed | inherit auto табличные элементы нет
text-align left | right | center | justify | <string> | inherit зависит от настроек пользователя блочные элементы да
text-decoration none | underline || overline || linethrough || blink | inherit нет все элементы нет
text-indent <length> | <percentage> | inherit 0 блочные элементы да
text-shadow none | [<color> || <length> <length> <length>?,]* [<color> || <length> <length> <length>?] | inherit нет все элементы нет
text-transform capitalize | uppercase | lowercase | none | inherit нет все элементы да
top <length> | <percentage> | auto | inherit auto все элементы нет
unicode-bidi normal | embed | bidi-overrige | inherit normal все элементы нет
vertical-align baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length> | inherit baseline встроенные элементы и элементы ячеек таблиц нет
visibility visible | hidden | collapse | inherit inherit все элементы с установленным значением position нет
white-space normal | pre |nowrap | inherit normal блочные элементы да
widows <integer> | inherit 2 блочные элементы да
width <length> | <percentage> | auto | inherit auto все элементы, кроме не перемещаемых встроенных элементов, строк таблиц и строчных групп нет
word-spacing normal | <length> | inherit normal все элементы да
z-index auto | <integer> | inherit auto любые позиционируемые элементы нет
Hosted by uCoz