ü это свойство определяет используемый элементом шрифт. Если указать URL, то шрифт автоматически установится на компьютер пользователя ПРИМЕР:font-family:Arial Black URL('arialblack.ttf')
ü font-style (normal, italic) Стиль элемента. Курсивный или обычный ПРИМЕР:font-style:italic
ü font-variant (normal-нормальный, small-caps-заменяет все строчные буквы на заглавные)Варианты отображения шрифта. Нетскейп не поддерживает это свойство ПРИМЕР:font-variant:small-caps
ü font-size (XX%, XXpt, XXpx)Размер шрифта ПРИМЕР:font-size:30pt
ü font (family, style, variant, weight, size) Объединяет все вышеизложенные свойства. ПРИМЕР:font: italic bolder Arial 12pt
Свойства текста.
ü text-decoration (none, underline-подчеркнутый, overline-надчеркнутый, line-through-перечеркнутый, blink-мигающий)Стиль текста ПРИМЕР:text-decoration:line-through
ü letter-spacing (XX-число)Расстояние между буквами ПРИМЕР:letter-spacing:100
ü vertical-align (baseline, sub, super, top-text, top, middle, bottom, bottom-text, процент) Расположение элементов по отношению к другим элементам стоящих в одном ряду. ПРИМЕР:vertical-align:top-text
ü text-transform (Capitalize-каждое слово начинается с большой буквы, UPPERCASE - каждая буква текста становится заглавной, lowercase - каждая буква текста становится маленькой. ПРИМЕР:text-transform:Capitalize
ü text-align (left, right, center, justify)Выравнивание текста. ПРИМЕР:text-align:right
ü text-indent (ед.длины или процент)Отступ текста. ПРИМЕР:text-indent:30 em
ü line-height (ед.длины или процент) Отступ сверху. ПРИМЕР:line-height:100%
Свойства цвета.
ü color (#RRGGBB). Цвет элемента ПРИМЕР: color # f00000
ü backgroung-color (#RRGGBB) Цвет фона элемента ПРИМЕР:background-color:#f00000
ü background-image (URL)Фоновое изображение ПРИМЕР:background-image:URL("img.gif")
ü background-repeat (repeat - размножает фоновое изображение во всех направлениях, repeat-x - размножает фоновое изображение горизонтально, repeat-y - размножает фоновое изображение вертикально, no-repeat - не повторяющиеся изображение)Повтор фонового изображения ПРИМЕР:background-repeat:no-repeat
ü background-attachment (scroll-скроллинг фонового изображения вместе с документом, fixed-фиксация фонового изображения)Режим прокрутки фонового изображения. ПРИМЕР:background-attachment:fixed
ü background-position (%от ширины+%от высоты; top, middle, bottom; left, center, right; расстояние от левого края+расстояние от верхнего края)Положение фонового изображения ПРИМЕР:background-position:50%0%
ü background (color, image, position, attachment, repeat)Объединяет все вышеизложенные свойства. ПРИМЕР:background:no-repeat black fixed 50%0%
Свойства границ.
ü margin-top (длина, процент, auto) Отступ сверху ПРИМЕР:margin-top:100
ü margin-right (длина, процент, auto) Отступ справа ПРИМЕР:margin-right:100%
ü margin-bottom (длина, процент, auto) Отступ снизу ПРИМЕР:margin-bottom:100em
ü margin-left (длина, процент, auto) Отступ слева ПРИМЕР:margin-left:100pt
ü margin (top, right, left, bottom) Объединяет все вышеизложенные свойства. ПРИМЕР:background:100pt
ü padding-top (длина, процент) Отступ от верхней границы ПРИМЕР:padding-top:100pt
ü padding-right (длина, процент) Отступ от правой границы ПРИМЕР:padding-right:100%
ü padding-bottom (длина, процент) Отступ от нижней границы ПРИМЕР:padding-bottom:100em
ü padding-left (длина, процент) Отступ от левой границы ПРИМЕР:padding-top:100
ü padding (left, right, top, bottom) Объединяет все вышеизложенные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон.
ПРИМЕР:padding:100px
ü border-top-width (длина, thin, medium, thick) толщина верхней границы ПРИМЕР:border-top-width:100pt
ü border-right-width (длина, thin, medium, thick) толщина правой границы ПРИМЕР:border-right-width:thick
ü border-bottom-width (длина, thin, medium, thick) толщина нижней границы ПРИМЕР:border-bottom-width:100em
ü border-left-width (длина, thin, medium, thick) толщина левой границы ПРИМЕР:border-left-width:medium
ü border-width (top-width, right-width, left-width, bottom-width) Объединяет все вышеизложенные свойства. Можно задать несколько значений одновременно (до четырех) для разных границ. Если установлено одно значение - задается единая толщина для всех сторон, если два - то задаются различная толщина для прилежащих сторон, а если четыре - то задаются индивидуальная толщина для всех сторон ПРИМЕР:border-width: 15pt
ü border-color (цвет) Цвет рамки. ПРИМЕР:border-color:green
ü border-style Стиль рамки. Можно задать несколько значений одновременно (до четырех) для разных границ. Если установлено одно значение - задается единый стиль для всех сторон, если два - то задаются различные стили для прилежащих сторон, а если четыре - то задаются индивидуальные стили для всех сторон
ü ПРИМЕР:border-style: dotted groove
ü border-top (width, style, color) Объединяет все вышеизложенные свойства для верхней границы. ПРИМЕР:border-top: 100em red groove
ü border-right (width, style, color) Объединяет все вышеизложенные свойства для правой границы. ПРИМЕР:border-right: 5pt magenta solid
ü border-left (width, style, color) Объединяет все вышеизложенные свойства для левой границы. ПРИМЕР:border-left: 15pc coral inset
ü border-bottom (width, style, color) Объединяет все вышеизложенные свойства для левой границы. ПРИМЕР:border-bottom: 30 orange outset
ü border (width, style, color) Объединяет все вышеизложенные свойства. ПРИМЕР:border: thik black double
ü width (длина, процент) Ширина элемента ПРИМЕР:width:10%
ü height (длина, процент) Высота элемента ПРИМЕР:height:100pt
ü float (left, right) Расположение элемента ПРИМЕР: float:right
ü clear (left, right, both) Расположение других элементов вокруг данного ПРИМЕР:clear:both
Классификация.
ü display (none-не отображается, block-разбивает строку до и после элемента, inline-не разбивает строку , list-item-разбивает линию строку до и после элемента + добавляет маркер как у элементов списка)Определяет, как будет отображаться элемент списка ПРИМЕР:display:none
ü white-space (normal - "сжимает" несколько подряд идущих пробелов в один, pre - допускает отображение несколькольких подряд идущих пробелов, nowrap - не допускает перенос строки без тега <BR>) Определяет, как будут отображаться пробелы между элементами ПРИМЕР:white-space:nowrap
ü list-style-type (disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha или upper-alpha) определяет вид маркера элемента списка. ПРИМЕР:list-style-type:lower-alpha
ü list-style-image (URL) задает вид маркера элемента списка в виде картинки ПРИМЕР: list-style-image:URL (cool.gif)
ü list-style-position (inside, outside) Определяет положение маркера в зависимости от элемента списка ПРИМЕР:list-style-position:inside
ü list-style (type, position, image) Объединяет все вышеизложенные свойства. ПРИМЕР:list-style:inside
