Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Л2 / Справочник по HTML.docx
Скачиваний:
4
Добавлен:
18.02.2023
Размер:
239.2 Кб
Скачать

Column-span

Количество столбцов, которые займет ячейка.

Border-collapse

Способ прорисовки рамки.

Значения:

separate -трехмерная рамка;

collapse -плоская рамка.

border

Свойства рамки (толщина, цвет, тип).

Значения:

none или hidden -нет рамки;

dotted -точечная рамка;

dashed -пунктирная рамка;

solid -сплошная рамка;

double -двойная рамка;

groove -двугранная рамка;

ridge -такая же, как groove, но темная и светлая грани расположены иначе;

inset -грань наклонена внутрь;

outset -такая же, как inset, но свет грани другой.

vertical-align

Способ вертикального выравнивания.

Значения:

процентное;

top -по верхнему краю;

middle -по центру;

bottom -по нижнему краю;

baseline -по первой строке текста в ячейке.

table-layout

Способ формирования таблицы.

Значения:

auto -по умолчанию;

fixed -ускоренный.

Свойства границ элементов

width

Ширина.

Значения:

auto -по умолчанию;

числовые;

процентные.

min-width и max-width

Минимально и максимально допустимая ширина объекта.

Значения:

auto -по умолчанию;

числовые;

процентные.

height

Высота.

Значения:

auto -по умолчанию;

числовые;

процентные.

min-height и max-height

Минимально и максимально допустимая высота объекта.

Значения:

auto -по умолчанию;

числовые;

процентные.

position

Алгоритм вычисления координат границ объекта.

Значения:

normal -по умолчанию;

relative -вычисляется положение объекта, a потом смещение объекта;

absolute -координаты вычисляются относительно границ контейнера;

fixed -то же, что и absolute, но с запрещенной прокруткой.

top, bottom, right, left

Координаты верхней, нижней, правой, левой границ элемента.

Значения:

auto -по умолчанию;

числовые;

процентные.

margin-top, margin-right, margin-bottom, margin-left

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

Значения:

auto -по умолчанию;

числовые;

процентные.

margin

Отступы вокруг элемента.

Значения:

auto -по умолчанию;

числовые;

процентные.

Пример: P {margin: 10pt 10pt 10pt 10pt}

padding-top, padding-right, padding-bottom, padding-left

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

Значения:

auto -по умолчанию;

числовые;

процентные.

padding

Отступы между границами элемента и его содержимым.

Значения:

auto -по умолчанию;

числовые;

процентные.

Пример: P {padding: 10pt 10pt 10pt 10pt}

border-top-width, border-right-width, border-bottom-width, border-left-width

Ширина рамки.

Значения:

thin -тонкая;

medium -средняя;

thick -широкая;

числовое.

border-width

Толщина рамки.

Значения:

thin -тонкая;

medium -средняя;

thick -широкая;

числовое.

border-top-color, border-right-color, border-bottom-color, border-left-color

Цвет элементов рамки.

border-color

Цвет рамки.

border-top-style, border-right-style, border-bottom-style, border-left-style

Вид элементов рамки.

Значения:

none или hidden -нет рамки;

dotted -точечная рамка;

dashed -пунктирная рамка;

solid -сплошная рамка;

double -двойная рамка;

groove -двугранная рамка;

ridge -такая же, как groove, но темная и светлая грани расположены иначе;

inset -грань наклонена внутрь;

outset -такая же, как inset, но свет грани другой.

border-style

Вид рамки.

Значения:

none или hidden -нет рамки;

dotted -точечная рамка;

dashed -пунктирная рамка;

solid -сплошная рамка;

double -двойная рамка;

groove -двугранная рамка;

ridge -такая же, как groove, но темная и светлая грани расположены иначе;

inset -грань наклонена внутрь;

outset -такая же, как inset, но свет грани другой.

border-top

Одновременное задание свойств border-top-width, border-top-color, border-top-style.

Пример: P {border-top: thick dotted white}

border-bottom

Одновременное задание свойств border-bottom-width, border-bottom-color, border-bottom-style.

Пример: P {border-bottom: thick dotted white}

border-left

Одновременное задание свойств border-left-width, border-left-color, border-left-style.

Пример: P {border-left: thick dotted white}

border-right

Одновременное задание свойств border-right-width, border-right-color, border-right-style.

Пример: P {border-right: thick dotted white}

border

Одновременное задание свойств border-width, border-color, border-style.

Пример: P {border: thick dotted white}

overflow

Способ изменения размеров объекта, если оно не может быть показано целиком.

Значения:

auto -определяется броузером (по умолчанию);

visible -содержимое видно;

hidden -размеры не изменяются;

scroll -с прокруткой.

float

Способ обтекания элемента другими элементами.

Значения:

none -нет обтекания;

left -слева;

right -справа.

Пример: IMG {float: right}

clear

Способ расположения элемента, следующего за элементом, выровненном по левому (правому) краю.

Значения:

none -по умолчанию;

left -слева;

right -справа;

both -слева и справа.

clip

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

Значения:

auto -определяется броузером (по умолчанию);

прямоугольник, «вырезающий» часть объекта.

Пример: P {clip: rect(10px 15px 15px 10px);}

visibility

Видимость объекта.

Значения:

visible -видимый;

hidden -невидимый.

z-index

Способ перекрытия объектов. Объект с большим значение находится выше.

Значения:

auto -«нулевой уровень» по умолчанию;

отрицательное числовое -«ниже» «нулевого уровня»;

положительное числовое -«выше» «нулевого уровня».

Свойства фона и цвета

color

Цвет элемента или содержимого.

Пример: P {color:rgb(255, 120, 120)} U {color: white}

background-color

Цвет фона.

Значения:

transparent -прозрачный цвет;

значение цвета в стандартном формате.

Пример: P {background-color: transparent}

background-image

Фоновый рисунок.

Значения:

none -нет рисунка;

ссылка на файл.

Пример: TABLE {background-image: url(http://www.name.domen/picture.gif)}

background-repeat

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

Значения:

repeat -заполнять все пространство элемента;

repeat-x -заполнять первый горизонтальный ряд;

repeat-y -заполнять первый вертикальный ряд;

no-repeat -без заполнения.

Пример: BODY {background-image: url(http://www.name.domen/picture.gif); background-repeat: repeat}

Соседние файлы в папке Л2