Справочник по CSS - white cat
Шрифт:
Интервал:
Закладка:
height
Задает высоту свободно позиционированного элемента.
height: auto|{X}|{X}%;
Высота может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать высоту элемента самостоятельно.
Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
top
Задает вертикальную позицию верхней границы свободно позиционированного элемента относительно родителя.
top: auto|{Y}|{Y}%;
Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.
Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
bottom
Задает вертикальную позицию нижней границы свободно позиционированного элемента относительно родителя.
bottom: auto|{Y}|{Y}%;
Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.
Значение по умолчанию auto.
Поддерживается IE начиная с 4.0
left
Задает горизонтальную позицию левой границы свободно позиционированного элемента относительно родителя.
left: auto|{X}|{X}%;
Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.
Значение по умолчанию auto.
Поддерживается IE и NN начиная с 4.0
right
Задает горизонтальную позицию правой границы свободно позиционированного элемента относительно родителя.
right: auto|{X}|{X}%;
Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель позиционировать элемент самостоятельно.
Значение по умолчанию auto.
Поддерживается IE начиная с 4.0
float
Определяет обтекание элемента другими слева или справа вместо помещения под ним.
float: none|left|right;
Поддерживается IE начиная с 4.0 для кнопок и внедренных объектов и начиная с 5.0 - для остальных элементов страницы.
Поддерживается NN начиная с 4.0
vertical-align
Задает вертикальное выравнивание элемента страницы внутри родителя.
vertical-align: auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom;
Поддерживается IE начиная с 4.0
overflow
Задает поведение элемента страницы, если содержимое в нем не помещается.
overflow: visible|scroll|hidden|auto;
Поддерживается IE начиная с 4.0
overflow-x
Задает поведение элемента страницы, если его ширина меньше ширины содержимого.
overflow-x: visible|scroll|hidden|auto;
Поддерживается IE начиная с 4.0
overflow-y
Задает поведение элемента страницы, если его высота меньше высоты его содержимого.
overflow-y: visible|scroll|hidden|auto;
Поддерживается IE начиная с 4.0
zoom
Задает масштаб отображения элемента страницы.
zoom: normal|{Масштаб}|{Масштаб}%;
Масштаб может быть задан как числом с плавающей точкой, обозначающим степень увеличения или уменьшения, так и процентной величиной. Предопределенное значение normal задает масштаб 1.0 или 100%.
Значение по умолчанию normal.
Поддерживается IE начиная с 5.5
table-layout
Позволяет "зафиксировать" значения ширины ячеек таблицы.
table-layout: auto|fixed;
Другими словами, задание значения auto позволит точно "подогнать" значения ширин ячеек, но таблица при этом будет выводиться очень долго. Значение fixed этого атрибута позволит Web-обозревателю вывести таблицу значительно быстрее, но Web-дизайнер должен будет сам задать значения ширин ячеек. Это может сильно ускорить вывод больших таблиц на экран.
Применяется только для тега <TABLE>.
Поддерживается IE начиная с 5.0
Границы элементов
border
Задает все свойства границ элемента страницы в один прием.
Заменяет атрибуты border-color, border-style и border-width. Значения этих атрибутов могут располагаться в любом порядке.
border: [{border-color}] [{border-style}] [{border-width}];
Значение по умолчанию medium none.
Поддерживается IE начиная с 4.0
border-color
(IE)
Задает цвет всех границ элемента страницы.
Заменяет атрибуты border-top-color, border-right-color, border-bottom-color и border-left-color.
border-color: {border-top-color} [{border-right-color}] [{border-bottom-color}] [{border-left-color}];
Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится к верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.
Поддерживается IE начиная с 4.0
(NN)
Задает цвет границ элемента страницы.
border-color: none|{Цвет};
Может быть задано либо цветное значение, либо none, обозначающее отсутствие границ.
Поддерживается NN начиная с 4.0
border-top-color
Задает цвет верхней границы элемента страницы.
border-top-color: {Цвет};
Поддерживается IE начиная с 4.0
border-bottom-color
Задает цвет нижней границы элемента страницы.
border-bottom-color: {Цвет};
Поддерживается IE начиная с 4.0
border-left-color
Задает цвет левой границы элемента страницы.
border-left-color: {Цвет};
Поддерживается IE начиная с 4.0
border-right-color
Задает цвет правой границы элемента страницы.
border-right-color: {Цвет};
Поддерживается IE начиная с 4.0
border-style
Задает тип сразу всех границ элемента страницы в один прием.
Заменяет атрибуты border-top-style, border-right-style, border-bottom-style и border-left-style.
border-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
Поддерживается IE и NN начиная с 4.0
border-top-style
Задает тип верхней границы элемента страницы.
Поддерживается IE начиная с 4.0
border-bottom-style
Задает тип нижней границы элемента страницы.
border-bottom-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
Поддерживается IE начиная с 4.0
border-left-style
Задает тип левой границы элемента страницы.
border-left-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
Поддерживается IE начиная с 4.0
border-right-style
Задает тип правой границы элемента страницы.
border-right-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
Поддерживается IE начиная с 4.0
border-width
Задает толщину всех границ элемента страницы.
Заменяет атрибуты border-top-width, border-right-width, border-bottom-width и border-left-width.
border-width: {border-top-width} [{border-right-width}] [{border-bottom-width}] [{border-left-width}];
Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем границам. Если задано два значения, первое относится в верхней и нижней границам, а второе - к левой и правой. Если задано три значения, то первое применяется к верхней границе, второе - к левой и правой, третье - к нижней.
Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.
Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-top-width
Задает толщину верхней границы элемента страницы.
border-top-width: medium|thin|thick|{Толщина};
Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.
Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-bottom-width
Задает толщину нижней границы элемента страницы.
border-bottom-width: medium|thin|thick|{Толщина};
Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.
Значение по умолчанию medium.
Поддерживается IE и NN начиная с 4.0
border-left-width
Задает толщину левой границы элемента страницы.
border-left-width: medium|thin|thick|{Толщина};
Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно.
