KnigaRead.com/

White cat - Справочник по CSS

На нашем сайте KnigaRead.com Вы можете абсолютно бесплатно читать книгу онлайн white cat, "Справочник по CSS" бесплатно, без регистрации.
Перейти на страницу:

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, рисующие тонкую, среднюю и толстую линию соответственно.

Перейти на страницу:
Прокомментировать
Подтвердите что вы не робот:*