autoconsalt.by
и экономить, и зарабатывать
Веб-дизайн
Статьи
Реклама
Skip Navigation LinksВеб-дизайн » Стили CSS2.1
СвойствоОписаниеСинтаксисЗначение
colorЦвет текста элемента#RRGGBB | Именованный цвет | inheritinherit (см. низ таблицы)
fontШрифт, используемый для текста элементаодин из системных шрифтов | [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family] | inherit
font-familyИмя шрифта, используемого для текста элементаПоследовательность знаков, составляющих имя шрифта | inherit
font-styleНачертание шрифта, используемого для текста элементаОдно из значений font-style | inheritinherit italic normal oblique
font-variantВариант шрифта, используемого для текста элементаОдно из значений font-variant | inheritinherit normal small-caps
font-sizeРазмер шрифта, используемого для текста элементадлина | процент | значение стандартного размера шрифта | inheritinherit large larger medium small smaller x-large x-small xx-large xx-small
font-weightЖирность шрифта, используемого для текста элементаОдно из значений font-weight | inheritbold bolder lighter normal 100 200 300 400 500 600 700 800 900 inherit
text-decorationУкрашения шрифта, используемого для текста элементаnone | объединение из underline, overline, line-through и blink | inherit
outlineДинамический контур вокруг объектов, имеющих визуальное представление[outline-color] [outline-style] [outline-width] | inherit
outline-widthШирина контураединица | Одно из значений border-width | inheritmedium thick thin inherit
outline-styleСтиль контураОдно из значений border-style, исключая hidden | inheritdashed dotted double groove hidden inset none outset ridge solid inherit
outline-colorЦвет контура#RRGGBB | Именованный цвет | invert | inheritinvert inherit (см. низ таблицы)
backgroundФон элемента[background-color] [background-image] [background-repeat] [background-attachment] [background-position] | inherit
background-colorЦвет, используемый для фона элемента#RRGGBB | Transparent | Именованный цвет | inheritinherit Transparent (см. низ таблицы)
background-imageИзображение, используемое для фона элементаnone | url([url-адрес изображения]) | inherit
background-attachmentРежим присоединения фонового изображения к элементу в пределах документаОдно из значений background-attachment | inheritfixed inherit scroll
background-repeatРежим заполнения элемента фоновым изображениямОдно из значений background-repeat | inheritinherit no-repeat repeat repeat-x repeat-y
background-positionРежим размещения фонового изображения в элементе[положение по горизонтали] [положение по вертикали] | inheritbottom center left right top inherit
text-alignГоризонтальное выравнивание текста элементаОдно из значений text-align | inheritcenter justify left right inherit
vertical-alignВертикальное выравнивание текста элементаОдно из значений vertical-align | единица | inheritbaseline bottom inherit middle sub super text-bottom text-top top
letter-spacingИнтервал между знаками | inheritnormal | единица | inheritnormal inherit
line-heightИнтервал между строкамиnormal | единица | inheritnormal inherit
text-indentОтступ текстаединица | inherit
text-transformРегистр букв текстаОдно из значений text-transform | inheritcapitalize inherit lowercase none uppercase
word-spacingИнтервал между словамиnormal | единица | inheritnormal inherit
white-spaceЗначение, служащее признаком автоматического переноса строк в пределах объектаОдно из значений white-space | inheritinherit normal nowrap pre pre-line pre-wrap
displayРежим отображения элементаОдно из значений display | inheritblock inherit inline inline-block inline-table list-item none run-in table table-caption table-cell table-column table-column-group table-row table-row-group table-footer-group table-header-group
floatГраница для обтекания объекта текстомОдно из значений float | inheritinherit left none right
clearСтороны, для которых не разрешено обтекание объекта текстомОдно из значений clear | inheritinherit both left none right
visibilityСостояние видимости элементаОдно из значений visibility | inheritinherit collapse hidden visible
positionРежим размещения элементаОдно из значений position | inheritinherit absolute fixed relative static
z-indexНомер размещенного элемента по оси Zauto | целое число | inheritauto inherit
leftЛевая граница размещенного элементаauto | единица | inheritauto inherit
rightПравая граница размещенного элементаauto | единица | inheritauto inherit
topВерхняя граница размещенного элементаauto | единица | inheritauto inherit
bottomНижняя граница размещенного элементаauto | единица | inheritauto inherit
overflowСостояние видимости содержимого, выходящего за размеры элементаОдно из значений overflow | inheritinherit auto hidden scroll visible
clipПрямоугольник обрезки элементаrect([верхняя единица] [правая единица] [нижняя единица] [левая единица]) | auto | inherit
widthШирина размещенного элементаauto | единица | inheritauto inherit
min-widthОграничивает ширину поляединица | inherit
max-widthОграничивает ширину поляединица | inherit
heightВысота размещенного элементаauto | единица | inheritauto inherit
min-heightОграничивает высоту поляединица | inherit
max-heightОграничивает высоту поляединица | inherit
marker-offsetЗадает расстояние по горизонтали между полем маркера и полем сопоставленного ведущегоauto | единица | inheritauto inherit
paddingВнутренние поля на общей границе элемента[верхняя единица] [правая единица] [нижняя единица] [левая единица] | inherit
padding-leftВнутреннее поле на левой границе элементаauto | единица | inheritauto inherit
padding-rightВнутреннее поле на правой границе элементаauto | единица | inheritauto inherit
padding-topВнутреннее поле на верхней границе элементаauto | единица | inheritauto inherit
padding-bottomВнутреннее поле на нижней границе элементаauto | единица | inheritauto inherit
marginВнешние поля на общей границе элемента[верхняя единица] [правая единица] [нижняя единица] [левая единица] | inherit
margin-leftВнешнее поле на левой границе элементаauto | единица | inheritauto inherit
margin-rightВнешнее поле на правой границе элементаauto | единица | inheritauto inherit
margin-topВнешнее поле на верхней границе элементаauto | единица | inheritauto inherit
margin-bottomВнешнее поле на нижней границе элементаauto | единица | inheritauto inherit
borderОбщая граница элемента[border-style] [border-width] [border-color] | inherit
border-leftЛевая граница элемента[border-style] [border-width] [border-color] | inherit
border-rightПравая граница элемента[border-style] [border-width] [border-color] | inherit
border-topВерхняя граница элемента[border-style] [border-width] [border-color] | inherit
border-bottomНижняя граница элемента[border-style] [border-width] [border-color] | inherit
border-colorЦвет общей границы элемента#RRGGBB | Именованный цвет | inheritinherit (см. низ таблицы)
border-styleТип общей границы элементаОдно из значений border-style | inheritinherit dashed dotted double groove hidden inset none outset ridge solid
border-widthШирина общей границы элементаединица | Одно из значений border-width | inheritinherit medium thick thin
border-left-colorЦвет левой границы элемента | inherit#RRGGBB | Именованный цвет | transparent | inheritinherit transparent (см. низ таблицы)
border-left-widthШирина левой границы элементаединица | Одно из значений border-width | inheritinherit medium thick thin
border-left-styleТип левой границы элементаОдно из значений border-style | inheritinherit dashed dotted double groove hidden inset none outset ridge solid
border-right-colorЦвет правой границы элемента#RRGGBB | Именованный цвет | transparent | inheritinherit transparent (см. низ таблицы)
border-right-widthШирина правой границы элементаединица | Одно из значений border-width | inheritinherit medium thick thin
border-right-styleТип правой границы элементаОдно из значений border-style | inheritinherit dashed dotted double groove hidden inset none outset ridge solid
border-top-colorЦвет верхней границы элемента#RRGGBB | Именованный цвет | transparent | inheritinherit transparent (см. низ таблицы)
border-top-widthШирина верхней границы элементаединица | Одно из значений border-width | inheritinherit medium thick thin
border-top-styleТип верхней границы элементаОдно из значений border-style | inheritinherit dashed dotted double groove hidden inset none outset ridge solid
border-bottom-colorЦвет нижней границы элемента#RRGGBB | Именованный цвет | transparent | inheritinherit transparent (см. низ таблицы)
border-bottom-widthШирина нижней границы элементаединица | Одно из значений border-width | inheritinherit medium thick thin
border-bottom-styleТип нижней границы элементаОдно из значений border-style | inheritinherit dashed dotted double groove hidden inset none outset ridge solid
srcРасположение файла шрифтаurl([url-адрес для загрузки шрифта]) | inherit
page-break-beforeРазрывы страниц перед элементомОдно из значений page-break-before | inheritinherit always auto avoid left right
page-break-afterРазрывы страниц после элементомОдно из значений page-break-after | inheritinherit always auto avoid left right
page-break-insideРазрывы страниц внутри элементаОдно из значений page-break-inside | inheritinherit auto avoid
orphansМинимальное число зарезервированных строк в абзаце в нижней части страницыЦелое значение | inherit
widowsМинимальное число зарезервированных строк в абзаце в верхней части страницыЦелое значение | inherit
volumeСредняя громкость сигналаОдно из значений volume или любое число от 0 до 100 или процент от унаследованного значенияinherit loud medium silent soft x-loud x-soft
speakУказывает, будет ли текст озвучен и каким способомОдно из значений speak | inheritinherit none normal spell-out
pause-beforeЗадает паузу перед озвучивания содержимого элементаВремя в мс или в процентах от значения свойства speech-rate | inherit
pause-afterЗадает паузу после озвучивания содержимого элементаВремя в мс или в процентах от значения свойства speech-rate | inherit
pauseЗадает паузу до и (или) после озвучивания содержимого элемента[pause-before] [pause-after] | inherit
cue-beforeЗначок аудиторииnone | url([url-адрес изображения подсказки]) | inherit
cue-afterЗначок аудиторииnone | url([url-адрес изображения подсказки]) | inherit
cueЗначки аудитории[cue-before] [cue-after]) | inherit
play-duringЗвук для фонового воспроизведения во время озвучивания содержимого элементаОдно из значений play-during или url-адрес звукового файла | inheritinherit auto mix none repeat
azimuthПространственные данныеОдно из значений azimuth или угол от -360 до 360 градусов | inheritinherit behind center center-left center-right far-left far-right left left-side leftwards right right-side rightwards
elevationПространственные данныеОдно из значений azimuth или угол от -90 до 90 градусов | inheritinherit above below higher level lower
speech-rateСкорость озвучиванияОдно из значений speech-rate или число слов в минуту | inheritinherit fast faster medium slow slower x-fast x-slow
voice-familyСемейство голосовСписок имен семейства голосов (в порядке очередности, разделитель-запятая) | inherit
pitchСредняя высота (частота) голосаОдно из значений pitch или частота в Гц | inheritinherit high low medium x-high x-low
pitch-rangeИзменение средней высотыЗначение между 0 и 100 | inherit. 50 соответствует нормальной модуляции.
stressВысота локальных пиков в контуре интонации голосаЗначение между 0 и 100 | inherit. 50 - стандартное значение для голоса англоязычного мужчины.
richnessИнтонация озвучивающего голосаЗначение между 0 и 100 | inherit. Чем меньше значение, тем нежнее голос.
speak-punctuationУказывается способ озвучивания пунктуацииОдно из значений speak-punctuation | inheritinherit code none
speak-numeralУказывает способ озвучивания цифрОдно из значений speak-numeral | inheritinherit continuous digits
list-styleСвойства маркера элемента списка[list-style-type] [list-style-image] [list-style-position] | inherit
list-style-typeТип маркера элемента спискаОдно из значений list-style-type | inheritinherit armenian circle cjk-ideographic decimal decimal-leading-zero disc georgian hebrew hiragana hiragana-iroha katakana katakana-iroha lower-alpha lower-greek lower-latin lower-roman none square upper-alpha upper-latin upper-roman
list-style-imageИзображение маркера элемента спискаnone | url([url-адрес изображения маркера]) | inherit
list-style-positionПоложение маркера элемента спискаОдно из значений list-style-position | inheritinherit inside outside
counter-incrementПоказывает приращение счетчика для каждого экземпляра элементаnone | [идентификатор целое?]+ | inheritinherit none
counter-resetОпределяет значение, которое получает счетчик для каждого экземпляра элементаnone | [идентификатор целое?]+ | inheritinherit none
contentИспользуется с псевдоэлементами :before и :after для создания содержимого в документеТекст | счетчик | значения quote | attr(X) | inheritinherit close-quote no-close-quote no-open-quote normal open-quote
quotesКавычки для любого числа вставленных цитатПары open-quote и close-quote | inherit
directionНаправление текстаОдно из значений direction | inheritinherit ltr rtl
unicode-bidiУровень вложения по отношению к алгоритму двунаправленного письмаОдно из значений unicode-bidi | inheritinherit bidi-override embed normal
table-layoutТип макета ячеек таблицыОдно из значений table-layout | inheritinherit auto fixed
border-collapseМодель границы таблицыОдно из значений border-collapse | inheritinherit collapse separate
border-spacingРасстояние, которое разделяет границы смежных ячеекЗначение расстояния | inherit
caption-sideПоложение поля подписи по отношению к полю таблицыОдно из значений caption-side | inheritinherit bottom top
empty-cellsУправляет визуализацией границ вокруг пустых ячеекОдно из значений empty-cells | inheritinherit hide show
speak-headerУказывает способ озвучивания заголовков таблицОдно из значений speak-header | inheritinherit always once
cursorСостояние курсора, установленного на элементОдно из значений cursor | url([url-адрес ресурса курсора]) | inheritinherit auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait

Именованные цвета (для всех свойств вида "...-color"):


Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Orange, Purple, Red, Silver, Teal, White, Yellow, ActiveBorder, ActiveCaption, AppWorkspace, Background, ButtonFace, ButtonHighlight, ButtonShadow, ButtonText, CaptionText, GrayText, Highlight, HighlightText, InactiveBorder, InactiveCaption, InactiveCaptionText, InfoBackground, InfoText, Menu, MenuText, Scrollbar, ThreeDDarkShadow, ThreeDFace, ThreeDHighlight, ThreeDLighShadow, ThreeDShadow, Window, WindowFrame, WindowText.