КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ CSS
значение
|
пояснение
|
примеч.
|
СВОЙСТВА ФОНА BACKGROUND
|
BACKGROUND-ATTACHMENT
|
Указывает, прокручивается ли фоновый рисунок вместе с содержимым SCROL FIXED
|
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02.
|
BACKGROUND-COLOR
|
Цвет фона Номер или название цвета, или transparent
|
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02. Поддерживатся N начиная с 4.0. ♠ таблица цветов ♠
|
BACKGROUND-IMAGE
|
Адрес фонового рисунка
|
Поддерживается IE начиная с 4.0, в составе атрибута background - с 3.02. Поддерживатся N начиная с 4.0. ♠ Коллекция фоновых изображений ♠
|
BACKGROUND-POSITION
|
Исходное положение фонового рисунка TOP CENTER BOTTOM LEFT RIGHT или значение в пикселях или в процентах. Комбинированный атрибут, заменяющий атрибуты BACKGROUND-POSITION-x и BACKGROUND-POSITION-y. Значение по умолчанию 0% 0%. Если задана одна координата, то она считается горизонтальной, а для вертикальной принимается значение 50%.
|
Поддерживается IE начиная с 4.0.
|
BACKGROUND-REPEAT
|
Указывает, повторяется ли фоновый рисунок и каким образом NO-REPEAT -- запрещает повторение REPEAT-X -- повторение только по горизонтали REPEAT-Y -- повторение только по вертикпли REPEAT -- (значение по умолчанию) повторение по вертикали и горизонтали
|
Поддерживается IE начиная с 4.0.
|
СВОЙСТВА РАМКИ BORDER
|
-
BORDER
-
BORDER-TOP
-
BORDER-LEFT
-
BORDER-RIGHT
-
BORDER-BOTTOM
|
Позволяет задать в один приём все свойства:
-
Всей рамки
-
Верхней границы рамки
-
Левой границы рамки
-
Правой границы рамки
-
Нижней границы рамки
|
Поддерживается IE начиная с 4.0. ♠ таблица цветов ♠
|
BORDER-COLOR
|
Цвет рамки Номер или название цвета, или TRANSPARENT
|
Поддерживается N начиная с 4.0. ♠ таблица цветов ♠
|
BORDER-COLOR
|
Задаёт цвет всех границ элемента страницы. заменяет атрибуты BORDER-TOP-COLOR BORDER-LEFT-COLOR BORDER-RIGHT-COLOR BORDER-BOTTOM-COLOR задаётся от одного до четырёх значений. Если задано одно значение то оно принимается для всех границ. Номер или название цвета, или TRANSPARENT
|
Поддерживается IE начиная с 4.0. ♠ таблица цветов ♠
|
-
BORDER-COLOR
-
BORDER-TOP-COLOR
-
BORDER-LEFT-COLOR
-
BORDER-RIGHT-COLOR
-
BORDER-BOTTOM-COLOR
|
-
Цвет рамки
-
Цвет верхней границы рамки
-
Цвет левой границы рамки
-
Цвет правой границы рамки
-
Цвет нижней границы рамки
Номер, название цвета или transparent
|
Поддерживается IE начиная с 4.0. ♠ таблица цветов ♠
|
BORDER-SPACING
|
Расстояние между ячейками таблицы значение в пикселах
|
|
BORDER-COLLAPSE
|
Задаёт, будут ли границы ячеек сливаться в одну или нет. Применяется только для тега TABLE. SEPARATE (значение по умолчанию) разделяет границы COLLAPSE объединяет их.
|
Поддерживается IE начиная с 4.0.
|
-
BORDER-STYLE
-
BORDER-TOP-STYLE
-
BORDER-LEFT-STYLE
-
BORDER-RIGHT-STYLE
-
BORDER-BOTTOM-STYLE
|
-
Тип рамки
-
Тип верхней рамки
-
Тип левой рамки
-
Тип правой рамки
-
Тип нижней рамки
-
NONE-НЕТ(Значение по умолчанию)
-
DOTTED-ТОЧЕЧНАЯ (N не поддерживает)
-
DASHED-ПУНКТИРНАЯ (N не поддерживает)
-
SOLID-СПЛОШНАЯ
-
DOUBLE-ДВОЙНАЯ
-
GROOVE-ОБЪЁМНАЯ(освещение снизу)
-
RIDGE-ОБЪЁМНАЯ(освещение сверху)
-
INSET-ВОГНУТАЯ
-
OUTSET-ВЫПУКЛАЯ
|
Поддерживается IE начиная с 4.0. BORDER-STYLE поддерживается и N начиная с 4.0.
|
-
BORDER-WIDTH
-
BORDER-TOP-WIDTH
-
BORDER-LEFT-WIDTH
-
BORDER-RIGHT-WIDTH
-
BORDER-BOTTOM-WIDTH
|
-
Толщина рамки
-
Толщина верхней границы рамки
-
Толщина левой границы рамки
-
Толщина правой границы рамки
-
Толщина нижней границы рамки
-
THIN -- тонкая линия
-
MEDIUM -- средняя линия
-
THICK -- толстая линия
-
Значение в пикселах
|
Поддерживается IE и N начиная с 4.0.
|
|
CAPTION-SIDE
|
Указывает местоположение заголовка таблицы
|
|
CLEAR
|
Задаёт поведение текста при обтекани им элементов страницы
none - разрешает обтекание
left - запрещает обтекание слева
right - запрещает обтекание справа
all - запрещает обтекание с обеих сторон
|
Поддерживается IE и N начиная с 4.0.
|
CLIP
|
Указывает, как обрезаются стороны блока
Форма фигуры или AUTO
|
Поддерживается IE и N начиная с 4.0.
|
COLOR
|
Цвет текста номер или название цвета
|
Поддерживается IE начиная с 3.02 для текстовых элементов страницы и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0. ♠ таблица цветов ♠
|
CONTENT
|
Содержимое псевдоэлементов BEFORE и AFTER
-
Строка
-
Сетевой адрес
-
Счётчик элементов
-
Open-quote
-
Close-quote
-
Attr(N)
|
|
CURSOR
|
Указывает форму указателя мыши (при прохождении над данным элементом)
auto crosshair - крестообразный defoult - обычная стрелка hand - рука pointer - move - стрелка во все стороны e-resize - стрелка компаса ne-resize - стрелка компаса
|
text - текстовый курсор wait - песочные часы help - вопрос se-resize - стрелка компаса s-resize - стрелка компаса w-resize - стрелка компаса nw-resize - стрелка компаса n-resize - стрелка компаса
|
|
Поддерживается IE начиная с 4.0.
|
DISPLEY
|
Вид представления данного элемента (обычно применяется для XML-документов)
none inline compact marker table inline-table list-item run-in
|
table-row-group table-header-group table-footer-group table-column-group table-row table-column table-cell table-caption
|
block
|
|
Поддерживается IE и N начиная с 4.0.
|
EMPTY-CELLS
|
Указывает, показывать ли пустые ячейки таблицы
|
|
FILTER
|
Устанавливает графические эффекты.
Некоторые из них требуют указания дополнительных параметров.
Значения и осуществляют постепенный переход от одного изображения к другому
alpha blur chroma dropshadow fliph
|
flipv glow grayscale invert light
|
mask shadow wave xray blendtans revealtrans
|
|
Поддерживается IE начиная с 4.0.
|
FLOAT
|
Принудительное выравнивание элемента страницы
LEFT-выравнивание по левому краю
RIGHT-выравнивание по правому краю
NONE-(по умолчанию)
|
Поддерживаеься IE начиная с 4.0 для кнопок и внедрённых обьектов, начиная с 5.0 - для остальных элементов страницы. Поддерживаеся N начиная с 4.0
|
FONT
|
FONT-FAMILY
|
Устанавливает гарнитуру шрифта Имя одного или нескольких шрифтов
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
FONT-SIZE
|
Устанавливает размер шрифта
Если он указан в процентах или с помощью LARGER/SMALER, то размер относительный, иначе абсолютный
small x-small xx-small smaller medium
|
large x-large xx-large larger
|
значение в процентах или в любых единицах
|
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
FONT-STYLE
|
Указывает будет ли шрифт:
- normal-нормальным
- italic-курсивом
- oblique-наклонным
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
FONT-VARIANT
|
Указывает нужно ли, приобразовывать шрифт в режим малых прописных букв
- normal - (значение по умолчанию)
- small-caps - делает их такими же, как большие буквы, только меньшего размера (капитель)
|
Поддерживается IE начиная с 4.0
|
FONT-WEIGHT
|
Устанавливает жирность шрифта.
Значения bolder и lighter относительные,
остальные-абсолютные.
400 соответствует normal, а 700-bold
- normal - нормальный
- bold - жирный
- или значения от 100 до 900 (кратные 100)
- bolder - жирнее
- lighter - светлее
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
|
HEIGHT
|
Высота данного элемента значение в процентах или любых единицах, либо AUTO
|
Поддерживается IE и N начиная с 4.0.
|
LEFT
|
Указывает расположение левого края данного элемента
значение в процентах или любых единицах единицах, либо AUTO
|
Поддерживается IE и N начиная с 4.0.
|
LETTER-SPACING
|
Дополнительный межбуквенный промежуток
значение в любых единицах (но не в процентах), либо NORMAL
|
Поддерживается IE и N начиная с 4.0.
|
LINE-HEIGHT
|
Высота строки (вертикальное расстояние между строками) значение в процентах или любых единицах, либо NORMAL
|
Поддерживается IE и N начиная с 4.0.
|
LIST-STYLE - ГРАФИЧЕСКИЙ МАРКЕР СПИСКА
|
LIST-STYLE-IMAGE
|
Определяет графический маркер списка Имеет приоритет над атрибутом LIST-STYLE-TYPE
|
Поддерживается IE начиная с 4.0.
|
LIST-STYLE-POSITION
|
Указывает по какой стороне следует выравнивать маркер
- inside - маркер позиции отображается в тексте в качестве первого символа
- outside - (по умолчанию)
|
Поддерживается IE начиная с 4.0.
|
LIST-STYLE-TYPE
|
Определяет тип маркера списка
disc - сплошной кружок circle - окружность square - сплошной квадрат decimal - арабские цифры decimal-leading-zero lower-roman - малые римские upper-roman - большие римские
|
lower-alpha - малые латинские буквы upper-alpha - большие латинские буквы lower-latin upper-latin hebrew armenian georgine
|
cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha none - убирает маркер
|
|
Поддерживается IE и N начиная с 4.0.
|
MARGIN - СВОЙСТВО ВНЕШНЕГО ОТСТУПА
|
- MARGIN
- MARGIN-TOP
- MARGIN-BOTTOM
- MARGIN-LEFT
- MARGIN-RIGHT
|
Величина внешнего отступа
- всех полей
- верхнего
- нижнего
- левого
- правого
Значение в любых единицах или процентах
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
- max-height
- max-width
- min-height
- min-width
|
- Максимально возможная высота данного элемента
- Максимально возможная ширина данного элемента
- Минимально возможная высота данного элемента
- Минимально возможная ширина данного элемента
Значения в любых единицах или процентах
|
|
OVERFLOW
|
Указывает, отображать ли содержимое элемента, выходящее за пределы указанной высоты и ширины
- visible - (значение по умолчанию) Элемент страницы расширяется по вертикали так, чтобы был виден полностью
- hidden - скрывает все, что выходит за пределы
- scroll - отображает полосы прокрутки
- auto - при необходимости появляется полоса прокрутки
|
Поддерживается IE начиная с 4.0.
|
ВЕЛИЧИНА ВНУТРЕННЕГО ОТСТУПА
|
- PADDING
- PADDING-TOP
- PADDING-BOTTOM
- PADDING-LEFT
- PADDING-RIGHT
|
- Величина всех внутренних отступов
- Величина верхнего внутреннего отступа
- Величина нижнего внутреннего отступа
- Величина левого внутреннего отступа
- Величина правого внутреннего отступа
Значения в любых элементах или процентах.
|
Поддерживается IE и N начиная с 4.0.
|
|
POSITION
|
Указывает, каким образом позиционируется данный элемент
- static-статично(не позиционируется)
- relative-относительно
- absolute-абсолютно
- fixed-фиксированно
|
Поддерживается IE и N начиная с 4.0.
|
TABLE-LAYOUT
|
Значение FIXEDозначает, что ширина ячеектаблицы будет точно соответствовать указаным значениям, вне зависимости их содержимого.
|
Поддерживается IE начиная с 5.0.
|
TEXT-ALIGN
|
Определяет выключку (горизонтальное выравнивание) данного элемента
- left - по левому краю
- right - по правому краю
- center - по центру
- justify - по обоим краям
|
Поддерживается IE начиная с 3.02 justify начиная с 4.0. Поддерживается N начиная с 4.0.
|
TEXT-DECORATION
|
Определяет оформление текста
- none-без оформления
- underline-подчеркнутый
- overline-надчеркнутый
- line-through-зачеркнутый
- blink-мигающий(IE не поддерживает)
|
Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается N начиная с 4.0.
|
TEXT-INDENT
|
Отступ первой строки обзаца Значение в любых единицах
|
Поддерживается IE и N начиная с 4.0.
|
TEXT-TRANSFORM
|
Преобразует текст:
- uppercase-в верхний регистр
- lowercase-в нижний регистр
- capitalize-первые буквы слов в прописные
- none-без изменений
|
Поддерживается IE и N начиная с 4.0.
|
TOP
|
Указывает расположение верхнего края данного элемента
Значение в любых единицах или процентах
|
Поддерживается IE и N начиная с 4.0.
|
VERTICAL-ALIGN
|
Указывает расположение по вертикали
- baseline - выравнивание базовой линии элемента по базовой линии родителя
- sub - превращает текст в нижний индекс
- super - превращает текст в верхний индекс
- top - верх элемента по самому верху родителя
- middle - центр элемента по центру родиделя
- bottom - низ элемента по низу родителя
- или значение в любых единицах или в процентах
|
Поддерживается IE начиная с 4.0.
|
VISIBILITY
|
Делает данный элемент видимым или не видимым (COLLAPSE также освобождает место данного элемента)
- visible - элемент видимый
- hidden - невидимый
- collapse
|
Поддерживается IE и N начиная с 4.0.
|
WHITE-SPACE
|
Указывает способ обработки пробелов:
- normal-игнорировать и автоматически переносить строки
- pre-сохранить провелы и переносы строк
- nowrap-игнорировать пробелы и запретить перенос строк
|
Поддерживается IE начиная с 5.5, и N начиная с 4.0.
|
WIDTH
|
Ширина данного элемента Значение в любых единицах или в процентах
|
Поддерживается IE и N начиная с 4.0.
|
WORD-SPACING
|
Указывает интервал между словами Значение в любых единицах, либо NORMAL
|
Поддерживается IE начиная с 4.01.
|
Z-INDEX
|
Определяет порядок расположения слоёв в "третьем измерении" (какой элемент будет виден при наличии перекрывающихся элементов)
Целое число или AUTO
|
Поддерживается IE и N начиная с 4.0.
|