- число в единицах измерения (см, мм, in, px и т.д.) указанное значение прибавляется к установленному по умолчанию, соответственно увеличивается интервал между словами
2) line-height – высота текущей строки
- normal
- число в единицах измерения
- число рассматриваемое как коэффициент на который следует умножить размер шрифта соответствующего элемента ( ³1 )
- число в процентах от текущего (³100 )
3) text-align – выравнивание текста, относительно содержащего элемента (контейнера)
- left – по левому краю
- right – по правому краю
- center – по центру
- justify – по ширине
4) text-decoration – сочетание текста с горизонтальной линией
- none – нет
- overline – над текстом
- underline – подчеркивание
- line-through – зачеркивание
5) text-indent – отступ задается в единицах измерения (по умолчанию 0)
6) text-transform – преобразование текста
- capitalize – делает заглавной первую букву каждого слова
- uppercase – делает все буквы прописными (заглавными)
- lowercase – строчные
- none – снимает все унаследованные установки (по умолчанию)
7) vertical-align – выравнивание по вертикали
- baseline – устанавливает выравнивание по базовой линии родительского элемента
- middle – устанавливает вертикальную среднюю линию на уровне базовой линии родительского элемента + середина ширины последнего (по середине родительского элемента) (по умолчанию)
- super – элемент отображается в виде верхнего индекса
- sub – элемент отображается в виде нижнего индекса
- text-top – выравнивает элемент по верху текста из родительского элемента
- text-bottom –выравнивает элемент по низу текста из родительского элемента
- top – выравнивание элемента по верху самого высокого элемента текущей строки
- bottom – по низу самого низкого элемента
Каждый видимый элемент HTML занимает прямоугольную область. Содержание окружено рамкой (границей), между рамкой и содержанием пространство называется отступом. Граница окружена областью называемой поле. Так получаем четыре вложенных прямоугольника, по умолчанию отступы, границы, поля равны 0.
С их помощью регулируется расстояние, отделяющее элементы друг от друга.
Размер элемента определяется параметрами высоты и ширины:
1) weight – ширина
- число в единицах измерения % по отношению к ширине или высоте страницы; полезно, т.к. при изменении размеров страницы изменяется элемент
- auto – выбирается автоматически (по умолчанию)
2) height – высота
- число в единицах измерения % по отношению к ширине или высоте: полезно, т.к. при изменении размеров страницы изменяется элемент
- auto – выбирается автоматически (по умолчанию)
Размер поля определяется четырьмя параметрами:
1) margin-top – верхнее поле
- число в единицах
- auto
2) margin-bottom
3) margin-left
4) margin-right
5) margin – все поля сразу; значения перечисляются через пробел (порядок: верхнее, правое, левое, нижнее). Если указано одно число – все поля устанавливаются равными этому числу. Два числа – первое это верх и низ, второе – левое и правое; три числа – первое верх и низ, второе – правое, третье – левое.
Размеры отступа задают аналогичные параметры:
1) padding-top
2) padding-bottom
3) padding-left
4) padding-right
5) padding
Параметрами границы являются ее толщина, стиль линии и цвет.
Толщина:
1) border-top- width
2) border-right-width
3) border-left-width
4) border-bottom-width
5) border-width (аналогично полю перечисляются все 4 параметра). Значение – число в единицах (кроме процентов) или ключевые слова:
-thin-тонкий
-medium (по умолчанию)
-thick-толстый.
Стиль (вид) линии границы:
1) border-top-style
2) border-right-style
3) border-left-style
4) border-bottom-style
5) border-style
- none (нет) по умолчанию, даже если указана толщина
- solid – сплошная линия
- double – двойная линия
- grove – желобок
- ridge – выпуклый валик
- inset – весь элемент выглядит вдавленным
- outset – весь элемент выглядит выпуклым
- dashed – пунктирная линия квадратами
- dotted – пунктирная линия точками
Цвет границы задается параметрами:
1) border-top-color
2) border-right-color
3) border-left-color
4) border-bottom-color
5) border-color
Значения могут быть заданы любым способом задания цвета. Так же можно указать url–адрес изображения (будет повторяться)
