>Статьи<

Шрифт

свойство описание 
font-family
fontFamily
Значения
Название семейства шрифта (например, "New York") или родовое название (serif, sans-serif, monospace,cursive,fantasy).
По умолчанию Устанавливается браузером.
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Можно установить несколько возможных значений в порядке предпочтения (на случай, когда у пользователя не окажется нужного шрифта). Значения-указания разделяются запятыми: 

font-family:Arial,Geneva,Helvetica,sans-serif;

font-size
fontSize
Значения <абсолютный>, <относительный>, <длина>, <процент>
<абсолютный> — xx-small, x-small, small, medium, large, x-large, xx-large
<относительный> — larger, smaller
<длина> — в любых допустимых единицах измерения
<процент> — значения представлены в процентах от родительского размера шрифта
По умолчанию medium
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Да. 
font-style
fontStyle
Значения normal, italic, oblique
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет. 
font-variant
fontVariant
Значения normal, small-caps
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет. 
font-weight
fontWeight
Значения
normal, bold , bolder, lighter или число от 100 до 900
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Если используется числовое значение, то оно должно быть кратным 100. Значение 400 — это то же, что normal, 700 — то же, что и bold.  

font
font
Значения
<font-style> <font-variant> <font-weigth> <font-size>/<font-heigth> <font-family>
По умолчанию Не определено.
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Только для <font-size> и <font-heigth>.

Это свойство позволяет установить сразу несколько характеристик шрифта. Разделитель значений — пробел. Порядок значений важен, но любое значение может быть опущено, кроме <font-size> и <font-family>:
font: bold 12pt/14pt sans-serif

Цвет и фон

свойство описание 
color
color
Значения Название цвета или его номер.
По умолчанию Зависит от браузера.
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Цвет может быть задан названием (например, blue) или номером по шкале RGB в шестнадцатеричной системе, например, #ffffff. 

background
background
Значения transparent, <цвет>, <ссылка>, <повтор>, <скролл>, <позиция>
transparent — отсутствие фона
<цвет> — название цвета или его номер
<ссылка> — картинка с заданным адресом. Адрес заключается в скобки и идет непосредственно за ключевым словом url:
BODY {background: url(fon1.gif)}
Можно использовать и цвет, и картинку. Картинка будет лежать поверх цветного фона.
<повтор> — значения: repeat (по умолчанию), repeat-x, repeat-y и no-repeat.
<скролл> — значения: fixed, scroll. Определяет, будет ли фоновая картинка оставаться на месте или прокручиваться вместе со страницей.
<позиция> — определяет расположение картинки на странице. Значения могут быть процентными, абсолютными или ключевыми словами: top, middle, bottom, left, center, right.
По умолчанию transparent
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Да, относительно размера самого элемента.

Порядок следования указаний не важен, разделитель — пробел:
background: #C0C0C0 right no-repeat url(../pic/explorer.gif); 

background-attachment
backgroundAttachment
Значения fixed, scroll
По умолчанию scroll
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет, будет ли фоновая картинка занимать фиксированное положение или прокручиваться вместе с содержимым. 

background-color
backgroundColor
Значения transparent, <цвет>
По умолчанию transparent
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет цвет фона элемента. Цвет может быть задан названием (например, blue) или номером по шкале RGB в шестнадцатеричной системе, например, #ffffff. 

background-image
backgroundImage
Значения none, <ссылка>
По умолчанию none
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет фоновую картинку. Синтаксис записи ссылки:
BODY {background-image: url(fon1.gif)}
 

 
background-position
backgroundPosition
Значения <позиция> top center bottom left right
По умолчанию top left
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет начальное положение фоновой картинки (или фоновой заливки) с помощью двух значений (сначала по горизонтали, потом по вертикали) или при помощи два ключевых слова из возможных. 

background-repeat
backgroundRepeat
Значения repeat repeat-x repeat-y no-repeat
По умолчанию repeat
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет, повторяется ли фоновая картинка. Если используются repeat-x или repeat-y, то картинка повторяется лишь вдоль одного направления. 

Текст

свойство описание 
letter-spacing
letterSpacing
Значения normal <расстояние>
По умолчанию normal
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Определяет добавочное расстояние между буквами. 

line-height
lineHeight
Значения normal <число> <расстояние> <процент>
По умолчанию Зависит от браузера
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Да, по отношению к размеру шрифта элемента.

Определяет высоту текущей строки. <число> интерпретируется как размер шрифта текущего элемента, умноженный на соответствующее число (например 1.2). Если используется <расстояние>, должны применяться единицы измерения. Процентное отношение используется в сравнении с текущим размером шрифта и должно быть больше 100%. 

text-align
textAlign
Значения left right center justify
По умолчанию Зависит от браузера
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Определяет, как текст будет выровнен относительно содержащего его элемента. 

text-decoration
textDecoration
Значения none overline underline line-through
По умолчанию none
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Линия вдоль строки (над, под, через). 

text-indent
textIndent
Значения <величина> <процент>
По умолчанию 0
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Да, относительно ширины родительского элемента.

Устанавливает величину отступа первой строки элемента (красной строки), в единицах измерения или как процент от ширины родительского элемента. 

text-transform
textTransform
Значения none capitalize uppercase lowercase
 
capitalize — делает заглавной первую букву каждого слова.
uppercase — делает все буквы в словах заглавными.
lowercase — делает все буквы в словах строчными.
По умолчанию none
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет. 
vertical-align
verticalAlign
Значения baseline sub super top text-top middle bottom text-bottom <процент>
 
baseline — выравнивание по образцу родительского элемента.
sub — выравнивает элемент под базовой линией.
super — выравнивает элемент над базовой линией.
top — выравнивает верх элемента по верху самого высокого элемента текущей строки.
text-top — выравнивает элемент по верху текста, набранного шрифтом родительского элемента.
middle — устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего.
bottom — выравнивает по низу самого низкого элемента текущей строки.
text-bottom — выравнивает элемент по низу текста, набранного шрифтом родительского элемента.
 
По умолчанию baseline
Поддерживается Встроенными элементами.
Наследование Нет.
Процентная запись Да, по отношению к высоте строки. 
list-style-image
listStyleImage
Значения none <ссылка>
По умолчанию none
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Определяет адрес картинки, использумой в качестве маркера для каждого элемента списка. 

list-style-type
listStyleType
Значения none circle disc square decimal lower-alpha upper-alpha lower-roman upper-roman
По умолчанию disc
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Определяет вид маркера списка. 

list-style-position
listStylePosition
Значения outside inside
По умолчанию outside
Поддерживается Всеми элементами.
Наследование Да.
Процентная запись Нет.

Указывает, внутри или вне “тела” списка должен находится маркер.

Поля и рамки

свойство описание 
border-color
border-top-color
border-bottom-color
border-right-color
border-left-color
borderColor
borderTopColor
borderBottomColor
borderRightColor
borderLeftColor
Значения <цвет>
По умолчанию <нет цвета>
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет цвет четырех сторон рамки. Свойство работает, если задано свойство border-style. 

border-style
border-top-style
border-bottom-style
border-right-style
border-left-style
borderStyle
borderTopStyle
borderBottomStyle
borderRightStyle
borderLeftStyle
Значения none solid double groove ridge inset outset
По умолчанию none
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет стиль четырех сторон рамки. 

border-width
border-top-width
border-bottom-width
border-right-width
border-left-width
borderWidth
borderTopWidth
borderBottomWidth
borderRightWidth
borderLeftWidth
Значения thin medium thick <размер>
По умолчанию medium
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет ширину четырех сторон рамки. 

border
border-top
border-bottom
border-right
border-left
border
borderTop
borderBottom
borderRight
borderLeft
Значения <ширина> <стиль> <цвет>
По умолчанию medium none <нет цвета>
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Нет.

Определяет свойства четырех сторон рамки. Объединяет все другие свойства рамки. 

margin
margin-top
margin-bottom
margin-right
margin-left
margin
marginTop
marginBottom
marginRight
marginLeft
Значения auto <ширина> <процент>
По умолчанию 0
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

Определяет размер отступов данного элемента. 

padding
padding-top
padding-bottom
padding-right
padding-left
padding
paddingTop
paddingBottom
paddingRight
paddingLeft
Значения <ширина> <процент>
По умолчанию 0
Поддерживается Блоками элементов и замещающими элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

Определяет расстояние между содержимым и рамкой элемента. 

Вид элемента

свойство описание 
display
display
Значения "" none
По умолчанию ""
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Это свойство показывает, будет ли показан элемент. Если элемент не виден (none), то место на странице под него не отводится. 

float
styleFloat
Значения none left right
По умолчанию none
Поддерживается DIV, SPAN и замещаемыми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет обтекание элемента другими элементами (под, слева или справа). 

clear
clear
Значения none both left right
По умолчанию none
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст “обтекает” такие элементы. 

overflow
overflow
Значения "" scroll
По умолчанию ""
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Значение scroll указывает, что если содержимое элемента выйдет за его границы, то оно будет прокручиваться. 

visibility
visibility
Значения "" visible hidden inherit
По умолчанию inherit
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Позволяет элементу быть видимым или невидимым на странице. Невидимые (hidden)элементы занимают то же место и так же влияют на расположение других элементов, как и видимые (visible), но становятся прозрачными. Значение inherit означает, что элемент виден, если его родительский элемент является видимым.  

width
width
pixelWidth
posWidth
Значения auto <ширина> <процент>
По умолчанию auto
Поддерживается DIV, SPAN и замещаемыми элементами.
Наследование Нет.
Процентная запись Да, относительно ширины родительского элемента.

Устанавливает ширину элемента. Значение возвращается как строка, включающая тип единицы измерения (px, % и т.д.). Для получения значения в виде числа используется свойство posWidth объекта style. 

height
height
pixelHeight
posHeight
Значения auto <высота>
По умолчанию auto
Поддерживается DIV, SPAN и замещаемыми элементами.
Наследование Нет.
Процентная запись Нет.

Устанавливает высоту элемента. Значение возвращается как строка, включающая тип единицы измерения (px, cm и т.д.). Для получения значения в виде числа используется свойство posHeight объекта style.

Курсор

свойство описание 
cursor
cursor
Значения auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize sw-resize w-resize text wait help
По умолчанию auto
Поддерживается Всеми элементами.
Наследование Нет.
Процентная запись Нет.

Определяет вид мышиного курсора.

>Статьи<

Хостинг от uCoz