Свойства CSS

repeat-x
Размножает изображение только по вертикали.

repeat-y
Размножает изображение только по горизонтали.

repeat
Размножает изображение в обоих направлениях - и по горизонтали и по вертикали.

no-repeat
Не размножает изображение.

inherit
Заимствует значение свойства у родительского элемента.

Значения свойств border-bottom-width, border-bottom-style и border-bottom-color разделенные пробелом; могут располагаться в любом порядке.

цвет
Цвет указывается одним из стандартных способов.

transparent
Прозрачный цвет рамки.

inherit
Заимствует значение свойства у родительского элемента.

solid
    Обычная сплошная рамка.
none
    Рамка отсутствует, её ширина равна нулю.
hidden
    Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
    Рамка в виде последовательности точек (мелкий пунктир).
dashed
    Пунктирная рамка.
double
    Двойная линия.
groove
    "Вдавленная" рамка, с эффектом объёма.
ridge
    "Выпуклая" рамка, с эффектом объёма.
inset
    Вариант "вдавленной" рамки, с эффектом объёма.
outset
    Вариант "выпуклой" рамки, с эффектом объёма.
inherit
    Заимствует значение свойства у родительского элемента. 
    

ширина
    Точное указание ширины рамки одним 
    из принятых в CSS способов задания размеров. 
    Единственный нюанс - толщина 
    не может иметь отрицательное значение.
thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.

transparent
    Устанавливает прозрачный цвет. 
inherit
    Наследует значение родителя.

Цвет
Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Результат зависит от количества и указан в табл.

Значения свойств border-left-width, border-left-style и border-left-color разделенные пробелом; могут располагаться в любом порядке.

inherit
Заимствует значение свойства у родительского элемента.

цвет
    Цвет указывается одним из стандартных способов.
transparent
    Прозрачный цвет рамки.
inherit
    Заимствует значение свойства у родительского элемента.

solid
    Обычная сплошная рамка.
none
    Рамка отсутствует, её ширина равна нулю.
hidden
    Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
    Рамка в виде последовательности точек (мелкий пунктир).
dashed
    Пунктирная рамка.
double
    Двойная линия.
groove
    "Вдавленная" рамка, с эффектом объёма.
ridge
    "Выпуклая" рамка, с эффектом объёма.
inset
    Вариант "вдавленной" рамки, с эффектом объёма.
outset
    Вариант "выпуклой" рамки, с эффектом объёма.
inherit
    Заимствует значение свойства у родительского элемента. 
    

ширина
    Точное указание ширины рамки одним 
    из принятых в CSS способов задания размеров. 
    Единственный нюанс - толщина 
    не может иметь отрицательное значение.
thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.

inherit
    Заимствует значение свойства у родительского элемента.

цвет
    Цвет указывается одним из стандартных способов.
transparent
    Прозрачный цвет рамки.
inherit
    Заимствует значение свойства у родительского элемента.

solid
    Обычная сплошная рамка.
none
    Рамка отсутствует, её ширина равна нулю.
hidden
    Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
    Рамка в виде последовательности точек (мелкий пунктир).
dashed
    Пунктирная рамка.
double
    Двойная линия.
groove
    "Вдавленная" рамка, с эффектом объёма.
ridge
    "Выпуклая" рамка, с эффектом объёма.
inset
    Вариант "вдавленной" рамки, с эффектом объёма.
outset
    Вариант "выпуклой" рамки, с эффектом объёма.
inherit
    Заимствует значение свойства у родительского элемента. 
    

ширина
    Точное указание ширины рамки одним 
    из принятых в CSS способов задания размеров. 
    Единственный нюанс - толщина 
    не может иметь отрицательное значение.
thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.

solid
    Обычная сплошная рамка.
none
    Рамка отсутствует, её ширина равна нулю.
hidden
    Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
    Рамка в виде последовательности точек (мелкий пунктир).
dashed
    Пунктирная рамка.
double
    Двойная линия.
groove
    "Вдавленная" рамка, с эффектом объёма.
ridge
    "Выпуклая" рамка, с эффектом объёма.
inset
    Вариант "вдавленной" рамки, с эффектом объёма.
outset
    Вариант "выпуклой" рамки, с эффектом объёма.
inherit
    Заимствует значение свойства у родительского элемента. 
    

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

      
inherit
Заимствует значение свойства у родительского элемента.

цвет
    Цвет указывается одним из стандартных способов.
transparent
    Прозрачный цвет рамки.
inherit
    Заимствует значение свойства у родительского элемента.

solid
    Обычная сплошная рамка.
none
    Рамка отсутствует, её ширина равна нулю.
hidden
    Результат тот же, что и при border-bottom-style: none - рамка не отображается.
dotted
    Рамка в виде последовательности точек (мелкий пунктир).
dashed
    Пунктирная рамка.
double
    Двойная линия.
groove
    "Вдавленная" рамка, с эффектом объёма.
ridge
    "Выпуклая" рамка, с эффектом объёма.
inset
    Вариант "вдавленной" рамки, с эффектом объёма.
outset
    Вариант "выпуклой" рамки, с эффектом объёма.
inherit
    Заимствует значение свойства у родительского элемента. 
    

ширина
    Точное указание ширины рамки одним 
    из принятых в CSS способов задания размеров. 
    Единственный нюанс - толщина 
    не может иметь отрицательное значение.
thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.

ширина
    Точное указание ширины рамки одним 
    из принятых в CSS способов задания размеров. 
    Единственный нюанс - толщина 
    не может иметь отрицательное значение.

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

thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.

Значения свойств outline-width, outline-style  и outline-color.

inherit
Заимствует значение свойства у родительского элемента.

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

     
none
    Значение по умолчанию. Контур не отображается.
hidden
    Контур не отображается.
dotted
    Контур отображается в виде точек.   
    
dashed
    Контур отображается в виде коротких черточек.   
    
solid
    Контур отображается в виде линии.   
    
double
    Контур отображается в виде двух линий.   
    
groove
    Контур отображается в виде вдавленной рамки.   
    
ridge
    Данное значение отображает эффект, противоположный groove. 
    Контур отображается в виде условно выступающей рамки.   
    
inset
    Применение этого значение создает рамку с имитацией 3D эффекта, 
    при котором осветляется нижний правый угол рамки.   
outset
    Применение этого значение создает рамку с имитацией 3D эффекта, 
    при котором осветляется верхний левый угол рамки.   
inherit
    Заимствует значение свойства у родительского элемента.       
      

      
ширина
    Точное указание ширины рамки одним из принятых в CSS способов задания размеров.
thin
    Тонкая рамка (обычно 2 пиксела).
medium
    Рамка средней ширины (обычно 4 пиксела).
thick
    Толстая рамка (обычно 6 пикселов).
inherit
    Заимствует значение свойства у родительского элемента.
    
    

normal
Оставляет регистр символов исходным, заданным по умолчанию.
small-caps
Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.
inherit
Наследует значение родителя

none
Отменяет изображение в качестве маркера для родительского элемента.
url
Относительный или абсолютный путь к графическому файлу.
inherit
Наследует значение родителя.

Маркированный список

circle

Маркер в виде кружка.

disc

Маркер в виде точки.

square

Маркер в виде квадрата.

Нумерованный список

armenian

Традиционная армянская нумерация.

decimal

Арабские числа (1, 2, 3, 4,...).

decimal-leading-zero

Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).

georgian

Традиционная грузинская нумерация.

lower-alpha

Строчные латинские буквы (a, b, c, d,...).

lower-greek

Строчные греческие буквы

lower-latin

Это значение аналогично lower-alpha.

lower-roman

Римские числа в нижнем регистре (i, ii, iii, iv, v,...).

upper-alpha

Заглавные латинские буквы (A, B, C, D,...).

upper-latin

Это значение аналогично upper-alpha.

upper-roman

Римские числа в верхнем регистре (I, II, III, IV, V,...).

none

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

inherit

Наследует значение родителя.

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto

Указывает, что размер отступов будет автоматически рассчитан браузером.

inherit

Наследует значение родителя.

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto

Указывает, что размер отступов будет автоматически рассчитан браузером.

inherit

Наследует значение родителя.

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto

Указывает, что размер отступов будет автоматически рассчитан браузером.

inherit

Наследует значение родителя.

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto

Указывает, что размер отступов будет автоматически рассчитан браузером.

inherit

Наследует значение родителя.

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом.

auto

Указывает, что размер отступов будет автоматически рассчитан браузером.

inherit

Наследует значение родителя.

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

Полем называется расстояние от внутреннего края рамки элемента до его содержимого.

Позволяет задать величину поля сразу для всех сторон элемента или определить ее только для указанных сторон.

Свойство padding позволяет задать величину поля сразу для всех сторон элемента или определить ее только для указанных сторон.

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

Используется совместно со свойством position. В зависимости от конкретного значения position свойство bottom может сдвигать элемент вверх относительно нижнего края:

• своей исходной позиции (position:relative)
• позиции родительского элемента (position:absolute)
• окна браузера (position:fixed)

Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов.

расстояние

расстояние, заданное одним из стандартных способов.

процент%

процент от высоты родительского элемента.

auto

зависит от высоты.

inherit

Заимствует значение свойства у родительского элемента.

none

Отменяет действие свойства clear, при этом обтекание элемента происходит, как задано с помощью свойства float или других настроек.

both

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

left

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

right

Отменяет обтекание с правой стороны элемента.

inherit

Устанавливает значение родителя.

Свойство clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в мечтах. clip работает только для абсолютно позиционированных элементов.

Синтаксис

clip: rect(Y1, X1, Y2, X2) | auto | inherit

В качестве значений используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пикселы (px), em и др. Если край области нужно оставить без изменений, следует установить auto, положение остальных значений показано на рис.

Значения

url

Позволяет установить свой собственный курсор, для этого нужно указать путь к файлу, в котором указана форма курсора, в формате CUR или ANI.

auto

Вид курсора по умолчанию для текущего элемента.

inherit

Наследует значение родителя.

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

В зависимости от операционной системы и ее настроек вид курсора может отличаться

Список возможных значений этого свойства, понимаемый разными браузерами очень короткий — block, inline, list-item и none. Все остальные допустимые значения поддерживаются браузерами выборочно. В табл. 1 приведены некоторые популярные браузеры и их поддержка различных значений.

Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение свойства float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка обтекающего текста может быть на той же линии, что и сам элемент.

left

Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, обтекают его по правой стороне.

right

Выравнивает элемент по правому краю, а все остальные элементы обтекают его по левой стороне.

none

Обтекание элемента не задается.

inherit

Наследует значение родителя.

Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента (рис. 1). Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его левого края. В случае значения relative, left отсчитывается от левого края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от левого края родителя.

Рис. 1. Значение свойства left

расстояние

расстояние, заданное одним из стандартных способов.

процент%

процент от ширины родительского элемента.

auto

зависит от ширины.

inherit

Заимствует значение свойства у родительского элемента.

Управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.

visible

Отображается все содержание элемента, даже за пределами установленной высоты и ширины.

hidden

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

scroll

Всегда добавляются полосы прокрутки.

auto

Полосы прокрутки добавляются только при необходимости.

inherit

Наследует значение родителя.

Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.

static

Элементы отображаются последовательно один за другим в том порядке, в котором они определены в документе

relative

Позиция элемента смещается относительно его исходного положения вверх, вниз, вправо или влево (зависит от того, какое свойство применено: top, right, bottom или left).

absolute

Позиция элемента смещается относительно родительского элемента вверх, вниз, вправо или влево (зависит от того, какое свойство применено: top, right, bottom или left), а так же нарушается порядок отображения элементов. Элементы, следующие за ним располагаются так, словно его нет на странице.

fixed

Расположение элемента нарушает обычный порядок так же, как при значении absolute, но его позиция зафиксирована относительно границы окна браузера и поэтому элемент не прокручивается вместе с остальным контентом страницы. Позиция элемента смещается вверх, вниз, вправо или влево (зависит от того, какое свойство применено: top, right, bottom или left)

inherit

Заимствует значение у родительского элемента.

 

Для позиционированного элемента определяет расстояние от правого края родительского элемента, не включая отступ, поле и ширину рамки, до правого края дочернего элемента (рис. 1). Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его правого края. В случае значения relative, right отсчитывается от правого края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от правого края родителя.

Рис. 1. Значение свойства right

Синтаксис

right: значение | проценты | auto | inherit

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение свойства right может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от ширины родительского элемента.

auto

Не изменяет положение элемента.

inherit

Наследует значение родителя.

Для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента (рис. 1). Отсчет координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его верхнего края. В случае значения relative, top отсчитывается от верхнего края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от верхнего края родителя.

Рис. 1. Значение свойства top

Синтаксис

top: значение | проценты | auto | inherit

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение свойства top может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента.

auto

Не изменяет положение элемента.

inherit

Наследует значение родителя.

Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.

visible

Отображает элемент как видимый.

hidden

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

collapse

Если это значение применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как hidden. В случае использования collapse для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Это значение не поддерживается браузером Internet Explorer.

inherit

Наследует значение родителя.

Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative.

Синтаксис

z-index: число | auto | inherit

В качестве значения используются целые числа (положительные, отрицательные и ноль). Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Хотя спецификация и разрешает использовать отрицательные значения z-index, но такие элементы не отображаются в браузере Firefox до версии 2.0 включительно.

Кроме числовых значений применяется auto — порядок элементов в этом случае строится автоматически, исходя из их положения в коде HTML и принадлежности к родителю, поскольку дочерние элементы имеют тот же номер, что их родительский элемент. Значение inherit указывает, что оно наследуется у родителя.

collapse

Линия между ячейками отображается только одна.

separate

Вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.

inherit

Наследует значение родителя.

top

Располагает заголовок по верхнему краю таблицы.

bottom

Заголовок располагается под таблицей.

right

Заголовок размещается справа от таблицы. Корректно для CSS 3. Это значение работает только в браузерах Firefox.

left

Заголовок размещается слева от таблицы. Корректно для CSS 3. Это значение работает только в браузерах Firefox.

Задает отображение границ и фона в ячейке, если она пустая. При одновременном добавлении к таблице свойства border-collapse со значением collapse, свойство empty-cells игнорируется.

Ячейка считается пустой в следующих случаях:

• нет вообще никаких символов;
• в ячейке содержится только перевод строки, символ табуляции или пробел;
• значение visibility установлено как hidden.

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

show

Отображает границу вокруг ячейки и фон в ней.

hide

Граница и фон в пустых ячейках не отображается. Если все ячейки в строке пустые, то строка прячется целиком.

auto

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

fixed

Ширина колонок в этом случае определяется либо с помощью тега <COL>, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы по каким-либо причинам получить невозможно, в этом случае таблица делится на колонки равной ширины. При использовании этого значения, содержимое, которое не помещается в ячейку указанной ширины, будет «обрезано» либо наложено поверх ячейки. Это зависит от используемого браузера, но в любом случае ширина ячейки меняться не будет. Для корректной работы этого значения обязательно должна быть задана ширина таблицы.

inherit

Наследует значение родителя.

цвет

Можно напрямую указать цвет фонаодним из стандартных способов.

inherit

Заимствует значение свойства у родительского элемента.

Возможные формы записи:

em {color: lime}
em {color: rgb(0,255,0)}
em {color: #0f0}
em {color: #00ff00}
em {color: rgb(0%, 100%, 0%)}

ltr

Устанавливает направление слева направо.

rtl

Задает направление справа налево.

inherit

Наследует значение родителя.

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex).

normal

Задает интервал между символами как обычно.

inherit

Наследует значение родителя.

расстояние

Интервал между буквами задается одним из принятых в CSS способов задания размеров.

normal

Интервал определяется автоматически в зависимости от вида шрифта и настроек браузера.

inherit

Заимствует значение свойства у родительского элемента.

left

Выравнивание текста или изображения по левой границе.

right

Выравнивание текста или изображения по правой границе.

center

Выравнивание текста или изображения по центру.

justify

Выравнивание текста по правой и левой границам.

inherit

Заимствует значение свойства у родительского элемента.

none

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

underline

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

overline

Текст будет отображаться с верхним подчеркиванием.

line-through

Текст будет отображаться зачеркнутым.

blink

Текст будет мигать на экране с частотой примерно 1 раз в секунду.

inherit

Заимствует значение свойства у родительского элемента.

расстояние

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

процент%

Процент от ширины всего блока, внутри которого находится строка.

inherit

Заимствует значение свойства у родительского элемента.

capitalize

Каждое слово в предложении будет начинаться с прописной буквы.

uppercase

Все буквы в каждом слове будут прописными.

lowercase

Все буквы в каждом слове будут строчными.

none

Отменяет вышеуказанные значения. Текст отображается как обычно.

inherit

Заимствует значение свойства у родительского элемента.

baseline

Выравнивает базовую линию текущего элемента по базовой линии родителя. Если родительский элемент не имеет базовой линии, то за нее принимается нижняя граница элемента.

bottom

Выравнивает основание текущего элемента по нижней части элемента строки, расположенного ниже всех.

middle

Выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента.

sub

Элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта при этом не меняется.

super

Элемент изображается как надстрочный, в виде верхнего индекса. Размер шрифта остается прежним.

text-bottom

Нижняя граница элемента выравнивается по самому нижнему краю текущей строки.

text-top

Верхняя граница элемента выравнивается по самому высокому текстовому элементу текущей строки.

top

Выравнивание верхнего края элемента по верху самого высокого элемента строки.

inherit

Наследует значение родителя.

В качестве значения также можно использовать проценты, пикселы или другие доступные единицы. Положительное число смещает элемент вверх относительно базовой линии, в то время как отрицательное число опускает его вниз. При использовании процентов, отсчет ведется от значения свойства line-height, при этом 0% аналогично значению baseline.

Для выравнивания по вертикали в ячейках таблицы применяются следующие значения.

baseline

Выравнивает базовую линию ячейки с базовой линией первой текстовой строки или другого вложенного элемента.

bottom

Выравнивает по нижнему краю ячейки.

middle

Выравнивает по середине ячейки.

top

Выравнивает содержимое ячейки по ее верхнему краю.

normal

Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.

nowrap

Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой; вместе с тем, добавление тега <BR> переносит текст на новую строку.

pre

Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.

pre-line

В тексте пробелы и переносы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в заданную область.

pre-wrap

В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.

inherit

Наследует значение родителя.

Браузеры

Браузер Internet Explorer до версии 7.0 включительно не поддерживает значения pre-line, pre-wrap и inherit. Для <TEXTAREA> значения normal и pre ведут себя как pre-wrap, а значение nowrap ведет себя как pre-line.

Firefox до версии 2.0 включительно не поддерживает значения pre-line и pre-wrap. Для <TEXTAREA> значения normal, nowrap, и pre воспринимаются как pre-wrap.

Opera до версии 9.23 включительно не поддерживает значение pre-line. Для <TEXTAREA> значения normal и pre ведут себя как pre-wrap, а значение nowrap ведет себя как pre-line.

Устанавливает интервал между словами.

Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то свойство word-spacing не действует, поскольку интервал между словами будет установлен принудительно, чтобы строка текста была выровнена по правому и левому краю.

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение может быть и отрицательным, но следует проверять работоспособность в разных браузерах. Процентная запись не применима.

normal

Устанавливает интервал между словами как обычно.

inherit

Наследует значение родителя.

Определяет язык, который используется в документе или его фрагменте. В коде HTML язык устанавливается через параметр charset тега <META>. В XML для этой цели применяется xml:lang.

С помощью псевдокласса :lang можно задавать определенные настройки, характерные для разных языков, например, вид кавычек в цитатах.

Синтаксис

элемент:lang(<язык>) { ... }

Значения

В качестве языка могут выступать следующие значения: ru — русский; en — английский ; de — немецкий; fr — французский; it — итальянский и др.