Background-position 9 страница

margin Задает ширины полей между элементами страницы и его соседями. Заменяет атрибуты margin-top, margin-right, margin-bottom и margin-left. margin: {margin-top} [{margin-right}] [{margin-bottom}] [{margin-left}]; Может быть задано от одного до четырех значений. Если задано одно значение, оно применяется ко всем четырем полям. Если задано два значения, первое относится к верхнему и нижнему полю, а второе - к левому и правому. Если задано три значения, то первое применяется к верхнему полю, второе - к левому и правому, третье - к нижнему. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 margin-top Задает верхнее поле между элементом страницы и его соседями сверху. margin-top: auto|{Y}|{Y}%; Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-bottom, значение верхнего поля устанавливается равным значению нижнего поля. Значение по умолчанию auto. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 margin-right Задает правое поле между элементом страницы и его соседями справа. margin-right: auto|{X}|{X}%; Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-left, значение правого поля устанавливается равным значению левого поля. Значение по умолчанию auto. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 margin-bottom Задает нижнее поле между элементом страницы и его соседями снизу. margin-bottom: auto|{Y}|{Y}%; Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-top, значение нижнего поля устанавливается равным значению верхнего поля. Значение по умолчанию auto. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 margin-left Задает левое поле между элементом страницы и его соседями слева. margin-left: auto|{X}|{X}%; Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать поле самостоятельно. При этом если задан атрибут margin-right, значение левого поля устанавливается равным значению правого поля. Значение по умолчанию auto. Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. Поддерживается NN начиная с 4.0 padding-top Задает расстояние между элементом страницы и верхней границей. pading-top: {Y}|{Y}%; Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Значение по умолчанию 0, для тега <TD> 1. Поддерживается IE и NN начиная с 4.0 padding-right Задает расстояние между элементом страницы и правой границей. padding-right: {X}|{X}%; Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0, для тега <TD> 1. Поддерживается IE и NN начиная с 4.0 padding-bottom Задает отступ между элементом страницы и нижней границей. pading-bottom: {Y}|{Y}%; Координата может быть задана как абсолютной величиной, так и процентом от высоты родителя. Значение по умолчанию 0, для тега <TD> 1. Поддерживается IE и NN начиная с 4.0 padding-left Задает расстояние между элементом страницы и левой границей. pading-left: {X}|{X}%; Координата может быть задана как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0, для тега <TD> 1. Поддерживается IE и NN начиная с 4.0 width Задает ширину свободно позиционирования элемента. width: auto|{X}|{X}%; Ширина может быть задана как абсолютной величиной, так и процентом от ширины родителя. Предопределенное значение auto заставляет Web-обозреватель устанавливать ширину элемента самостоятельно. Значение по умолчанию auto. Поддерживается IE и NN начиная с 4.0 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;

float: none; - заставляет элемент страницы появляться там, где он задан (используется по умолчанию);
float: left; - принудительно выравнивает элемент страницы по левому краю;
float: right; - по правому краю.

vertical-align: auto; - выравнивает элемент страницы согласно значению атрибута layout-flow;
vertical-align: baseline; - задает выравнивание базовой линии элемента страницы по базовой линии родителя (используется по умолчанию);
vertical-align: sub; - превращает текст в нижний индекс;
vertical-align: super; - превращает текст в верхний индекс;
vertical-align: top; - выравнивает верх элемента страницы по самому верху родителя;
vertical-align: text-top; - выравнивает верх текста элемента страницы по верху текста родителя;
vertical-align: middle; - выравнивает центр элемента страницы по центру родителя;
vertical-align: bottom; - выравнивает низ элемента страницы по низу родителя;
vertical-align: text-bottom; - выравнивает низ текста элемента страницы по низу текста родителя.

Поддерживается IE начиная с 4.0 overflow Задает поведение элемента страницы, если содержимое в нем не помещается. overflow: visible|scroll|hidden|auto;

overflow: visible; - заставляет элемент страницы расшириться так, чтобы все его содержимое было видно (значение по умолчанию);
overflow: scroll; - заставляет Web-обозреватель отобразить в элементе страницы полосы прокрутки, пользуясь которыми можно прокручивать его содержимое;
overflow: hidden; - скрывает все то, что выходит за пределы элемента страницы;
overflow: auto; - аналогично scroll за тем исключением, что полосы прокрутки отобаржаются только тогда, когда они реально необходимы (значение по умолчанию для <TEXTAREA>).

Поддерживается 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;

table-layout: auto; - устанавливает ширину ячейки по ширине ее содержимого (значение по умолчанию);
table-layout: fixed; - использует для установки ширин ячеек значения атрибутов WIDTH или, если они не заданы, просто дает ячейкам равную ширину.

Другими словами, задание значения 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;

border-style: none; - запрещает рисование границы (значение по умолчанию);
border-style: dotted; - рисует точечную линию (не поддерживается в NN);
border-style: dashed; - рисует штриховую линию (не поддерживается в NN);
border-style: solid; - рисует сплошную линию;
border-style: double; - рисует двойную сплошную линию;
border-style: groove; - рисует трехмерную вдавленную границу;
border-style: ridge; - рисует трехмерную выпуклую границу;
border-style: inset; - рисует трехмерную "ступеньку вверх";
border-style: outset; - рисует трехмерную "ступеньку вниз".

Поддерживается IE и NN начиная с 4.0 border-top-style Задает тип верхней границы элемента страницы.

border-top-style: none|dotted|dashed|solid|double|groove|ridge|inset|outset;
border-top-style: none; - запрещает рисование границы (значение по умолчанию);
border-top-style: dotted; - рисует точечную линию (не поддерживается в NN);
border-top-style: dashed; - рисует штриховую линию (не поддерживается в NN);
border-top-style: solid; - рисует сплошную линию;
border-top-style: double; - рисует двойную сплошную линию;
border-top-style: groove; - рисует трехмерную вдавленную границу;
border-top-style: ridge; - рисует трехмерную выпуклую границу;
border-top-style: inset; - рисует трехмерную "ступеньку вверх";
border-top-style: outset; - рисует трехмерную "ступеньку вниз".

border-bottom-style: none; - запрещает рисование границы (значение по умолчанию);
border-bottom-style: dotted; - рисует точечную линию (не поддерживается в NN);
border-bottom-style: dashed; - рисует штриховую линию (не поддерживается в NN);
border-bottom-style: solid; - рисует сплошную линию;
border-bottom-style: double; - рисует двойную сплошную линию;
border-bottom-style: groove; - рисует трехмерную вдавленную границу;
border-bottom-style: ridge; - рисует трехмерную выпуклую границу;
border-bottom-style: inset; - рисует трехмерную "ступеньку вверх";
border-bottom-style: outset; - рисует трехмерную "ступеньку вниз".

border-left-style: none; - запрещает рисование границы (значение по умолчанию);
border-left-style: dotted; - рисует точечную линию (не поддерживается в NN);
border-left-style: dashed; - рисует штриховую линию (не поддерживается в NN);
border-left-style: solid; - рисует сплошную линию;
border-left-style: double; - рисует двойную сплошную линию;
border-left-style: groove; - рисует трехмерную вдавленную границу;
border-left-style: ridge; - рисует трехмерную выпуклую границу;
border-left-style: inset; - рисует трехмерную "ступеньку вверх";
border-left-style: outset; - рисует трехмерную "ступеньку вниз".

border-right-style: none; - запрещает рисование границы (значение по умолчанию);
border-right-style: dotted; - рисует точечную линию (не поддерживается в NN);
border-right-style: dashed; - рисует штриховую линию (не поддерживается в NN);
border-right-style: solid; - рисует сплошную линию;
border-right-style: double; - рисует двойную сплошную линию;
border-right-style: groove; - рисует трехмерную вдавленную границу;
border-right-style: ridge; - рисует трехмерную выпуклую границу;
border-right-style: inset; - рисует трехмерную "ступеньку вверх";
border-right-style: 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, рисующие тонкую, среднюю и толстую линию соответственно. Значение по умолчанию medium. Поддерживается IE и NN начиная с 4.0 border-right-width Задает толщину правой границы элемента страницы. border-right-width: medium|thin|thick|{Толщина}; Толщина может быть задана числовым значением. Также доступны три предопределенных значения: thin, medium, thick, рисующие тонкую, среднюю и толстую линию соответственно. Значение по умолчанию medium. Поддерживается IE и NN начиная с 4.0 border-top Задает все свойства верхней границы элемента страницы за один прием. Заменяет атрибуты border-top-color, border-top-style и border-top-width. Значения этих атрибутов могут располагаться в любом порядке. border-top: [{border-top-color}] [{border-top-style}] [{border-top-width}]; Значение по умолчанию medium none. Поддерживается IE начиная с 4.0 border-bottom Задает все свойства нижней границы элемента страницы за один прием. Заменяет атрибуты border-bottom-color, border-bottom-style и border-bottom-width. Значения этих атрибутов могут распологаться в любом порядке. border-bottom: [{border-bottom-color}] [{border-bottom-style}] [{border-bottom-width}]; Значение по умолчанию medium none. Поддерживается IE начиная с 4.0 border-left Задает все свойства левой границы элемента страницы за один прием. Заменяет атрибуты border-left-color, border-left-style и border-left-width. Значения этих атрибутов могут распологаться в любом порядке. border-left: [{border-left-color}] [{border-left-style}] [{border-left-width}]; Значение по умолчанию medium none. Поддерживается IE начиная с 4.0 border-right Задает все свойства правой границы элемента страницы за один прием. Заменяет атрибуты border-right-color, border-right-style и border-right-width. Значения этих атрибутов могут распологаться в любом порядке. border-right: [{border-right-color}] [{border-right-style}] [{border-right-width}]; Значение по умолчанию medium none. Поддерживается IE начиная с 4.0 border-collapse Задает, будут ли границы ячеек и общая граница таблицы сливаться в одну или нет. Применяется только для тега <TABLE>. border-collapse: separate|collapse;

border-collapse: separate; - разделяет границу табилицы и границы ее ячеек (значение по умолчанию);
border-collapse: collapse; - объединяет их.

Поддерживается IE начиная с 5.0

Классификации

display: inline; - (значение по умолчанию) заставляет элемент страницы вести себя как встроенный. При этом он располагается внутри текста, его позиция и размеры рассчитываются согласно позиции и размерам текста. Пример встроенного элемента - <I>;
display: block; - делает элемент страницы блочным. При этом его можно свободно позиционировать. Пример блочного элемента - <DIV>;
display: none; - делает элемент страницы невидимым. При этом страница отображается так, будто этого элемента вообще не существует;
display: inline-block; - аналогично inline, но содержимое страницы ведет себя как блочный элемент (не поддерживается NN);
display: list-item; - аналогично block, но при этом элемент страницы считается позицией списка (ставится маркер);
display: table-header-group; - заставляет элемент страницы отображаться после верхнего заголовка таблицы и перед всеми строками данных (аналогично тегу <THEAD>) (не поддерживается NN);
display: table-footer-group; - заставляет элемент страницы отображаться перед основанием таблицы и после всех строк данных (аналогично тегу <TFOOT>) (не поддерживается NN);

Поддерживается IE и NN начиная с 4.0 position Устанавливает, каким образом вычисляется положение элемента в плоскости экрана. position: static|absolute|relative;

position: static; - (значение по умолчанию) задает статическое позиционирование, при котором элемент страницы отображается внутри общего "потока" текста, т.е. не свободно. Значения атрибутов bottom, left, right и top при этом не принимаются Web-обозревателем во внимание;
position: absolute; - задает абсолютное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают абсолютные координаты элемента страницы относительно родителя;

position: relative; - задает относительное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают смещение координат элемента страницы от точки, в которой он был отображен, будь атрибут position установлен в static.

Поддерживается IE и NN начиная с 4.0 z-index Задает порядок перекрытия свободно позиционированными объектами друг друга. z-index: auto|{Порядок перекрытия}|; Порядок перекрытия задается положительными или отрицательным целым числом. При этом элементы с большим значением этого атрибута будут перекрывать элементы с меньшим значением. Предопределенное значение auto задает порядок перекрытия по умолчанию, когда элементы, определенные в HTML-коде раньше, перекрываются заданными позже. Значение по умолчанию auto. Поддерживается IE и NN начиная с 4.0 visibility Позволяет элементу быть видимым или невидимым на странице. visibility: inherit|visible|hidden;

visibility: inherit - (значение по умолчанию) элемент виден, если его родительский элемент является видимым (наследует видимость);
visibility: visible - делает элемент страницы видимым;
visibility: hidden - невидимым.

Поддерживается IE и NN начиная с 4.0 clip Задает прямоугольный фрагмент элемента страницы, который будет видим. clip: auto|rect({Верхняя граница} {Правая граница} {Нижняя граница} {Левая граница}); Предопределенное значение auto задает видимость всего элемента страницы. Оно же является значением по умолчанию. Для того чтобы ограничить видимую часть элемента страницы прямоугольным фрагментом, задаются четыре координаты границ этого прямоугольника, разделенные пробелами. Поддерживается IE и NN начиная с 4.0 white-space Задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине. white-space: normal|nowrap|pre;

white-space: normal; - (значение по умолчанию) включает автоматический перенос длинных строк;
white-space: nowrap; - отключает автоматический перенос строк. Чтобы "разорвать" строку вручную, вставьте в нужном месте тег <BR> (NN не поддерживается);
white-spice: pre; - не поддерживается;

cursor: auto - (значение по умолчанию) заставляет Web-обозреватель самому определять нужную форму курсора мыши;
cursor: crosshair - крестообразный курсор;
cursor: default - курсор по умолчанию, обычно стрелка;
cursor: hand - "указывающий перст";
cursor: move - стрелка, указывающая "на все четыре стороны";
cursor: e-resize
cursor: ne-resize
cursor: nw-resize
cursor: n-resize
cursor: se-resize
cursor: sw-resize
cursor: s-resize
cursor: w-resize
cursor: text - текстовой курсор;
cursor: wait - "песочные часы", курсор ожидания;
cursor: help - стрелка с вопросительным знаком.

Поддерживается IE начиная с 4.0 list-style Задает параметры маркера или номера позиции списка. Заменяет атрибуты list-style-image, list-style-position и list-style-type. Значения этих атрибутов могут располагаться в любом порядке.

⇐ Предыдущая 10 11 12 131415 16 17 18 19 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2015-06-27; Просмотров: 325; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.012 сек.