INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

Параметры блока

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

Могут быть определены следующие элементы: a margin-top: размер проценты auto margin-right: размер проценты auto margin-bottom: размер проценты auto margin-left: размер проценты auto margin: размер проценты auto


Эти параметры определяют внешние поля для элемента. Первые четыре строки описывают параметры каждой стороны в отдельности, последняя может определять либо общие значения, либо в этой строке можно задать перечисление значений для элементов (порядок см. в примечании к ). Если использована последняя строка и в ней описаны не все четыре значения, то пропущенные параметры считаются равными определенным симметричным элементам. Значит, если опущен параметр нижней стороны, то он берется равным верхней стороне, если опущены два параметра, то оставшиеся стороны определяются равными описанным противоположным.

Примеры: HI margin: 2em

HI margin: 2em lem

HI margin: 2em lem 4em 2em

HI margin-left: 2em

 padding-top: размер проценты auto padding-right: размер проценты auto padding-bottom: размер проценты auto padding-left: размер проценты auto padding: размер проценты auto

Аналогично предыдущему описанию определяют зазоры между рамкой и самим элементом для различных сторон. Примеры: HI padding: 2em

HI padding: 2em lem

HI padding: 2em lem 4em 2em

HI padding -left: 2em

 border-top-width: размер thin medium thick border-right-width: размер thin medium thick border-bottom-width: размер thin medium thick border-left-width: размер thin medium thick border-width: размер thin medium thick

Данное описание задает размеры рамки. Ее толщину можно определить, указав определенное число, или один из трех типов линий: тонкий, нормальный, толстый.

Примеры: HI border: solid thin red HI border-width: thin thin

medium none

 border-color: цвет Определяет цвет рамки.

Пример: HI border-color: red

 border-style: none dotted dashed solid double groove ridge inset outset

Определяет тип линии: dotted — из точек; dashed — из тире (обычный пунктир); solid — сплошная линия; double — двойная линия; groove, ridge, inset, outset — объемные линии различного типа.

Пример: HI border-style: dashed

zgKj Разрешена сокращенная запись border-left (и соответственно ^ для других сторон), которая объединяет три характеристики — толщина, стиль и цвет рамки.

© 2009 internet-web.ru. All Rights Reserved