2017-11-01
512
Возможные значения:
[1] border-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: обобщает вышеперечисленные свойства для соответствуюшей стороны рамки
ПРИМЕР:
border-top: 100em red groove
Border
Возможные значения:
[1] border-width
[2] border-style
[3] border-color
*Применимо для: всех элементов
Описание: устанавливает одинаковые значения для всех сторон рамки
ПРИМЕР:
border: thik black double
outline‑width
Возможные значения:
[1] длина (+)
[2] thin - тонкая
[3] medium - средняя
[4] thick - толстая
*Применимо для: всех элементов
Описание: толщина рамки выделения
ПРИМЕР:
outline‑width:100pt
outline‑color
Возможные значения:
[1] цвет (+)
*Применимо для: всех элементов
Описание: цвет рамки выделения
ПРИМЕР:
outline‑color:green
outline‑style
Возможные значения:
[1] none - нет рамки
[2] hidden - тоже, что и none, за исключением конфликтных ситуаций в таблицах
[2] dotted - рамка из точек
[3] dashed - рамка из пунктирных линий
[4] solid - рамка из сплошной линии
[5] double - двойная сплошная линия
[6] groove - рамка выглядит как вырезанная в канве
|
|
|
[7] ridge - рамка выглядит как выступающая над канвой
[8] inset - весь бокс выглядит вдавленным в канву
[9] outset - противоположно 'inset': выпуклый бокс
*Применимо для: всех элементов
Описание: стиль рамки выделения
ПРИМЕР:
outline-style: solid
Outline
Возможные значения:
[1] outline-width
[2] outline-style
[3] outline-color
*Применимо для: всех элементов
Описание: устанавливает все три значения для рамки выделения
ПРИМЕР:
outline: thik black double
Width
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: ширина элемента
ПРИМЕР:
width:10%
Min-width
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: минимальная ширина элемента
ПРИМЕР:
min-width:10%
Max-width
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: максимальная ширина элемента
ПРИМЕР:
max-width:10%
Height
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: высота элемента
ПРИМЕР:
height:100pt
Min-height
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: минимальная высота элемента
ПРИМЕР:
min-height:10%
Max-height
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: block-level и replaced элементов
Описание: максимальная высота элемента
ПРИМЕР:
max-height:10%
Position
Возможные значения:
[1] static - нормальное расположение
[2] relative - смещается относительно нормального расположения
[3] absolute - устанавливается смещение относительно бокса содержащего блока
[4] fixed – аналогично absolute, но не перемещается при прокрутке
|
|
|
*Применимо для: всех элементов
Описание: выбор схемы позиционирования
ПРИМЕР:
position: fixed
Top
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: насколько смещён вниз верхний край содержимого бокса относительно верхнего края содержащего блока
ПРИМЕР:
top: 10%
Right
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: насколько смещён влево правый край содержимого бокса относительно правого края содержащего блока
ПРИМЕР:
right: 110px
Bottom
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: насколько смещён вверх нижний край содержимого бокса относительно нижнего края содержащего блока
ПРИМЕР:
bottom: 100
Left
Возможные значения:
[1] длина (+)
[2] процент (+)
*Применимо для: всех элементов
Описание: насколько смещён вправо левый край содержимого бокса относительно левого края содержащего блока
ПРИМЕР:
left: 20%
Z-index
Возможные значения:
[1] целое число – координата на оси Z (номер слоя)
*Применимо для: всех элементов
Описание: целочисленная z-координата трехмерного (x,y,z) представления
ПРИМЕР:
z-index: 2
Float
Возможные значения:
[1] left - слева
[2] right - справа
[3] none - по умолчанию
*Применимо для: всех элементов
Описание: расположение всплывающего элемента (элементы типа текста обтекают его с противоположной стороны)
ПРИМЕР:
float:right
Clear
Возможные значения:
[1] left - слева
[2] right - справа
[3] both - c двух сторон
[4] none - по умолчанию
*Применимо для: всех элементов
Описание: расположение других элементов (обтекающих) вокруг всплывающих. Запрещает обтекание с указанной стороны
ПРИМЕР:
clear:both
Display
Возможные значения:
[1] none - не отображается и не занимает места
[2] block - разбивает строку до и после элемента (т.е. элемент не может находиться на одной линии с другими элементами)
[3] inline - не разбивает строку (по умолчанию)
[4] list-item - разбивает линию строку до и после элемента + добавляет маркер как у list-item элементов
*Применимо для: всех элементов
Описание: определяет, как будет отображаться элемент
ПРИМЕР:
display:none
