Справочник по CSS : Классификации

Материал из Справочник Web-языков.

Перейти к: навигация, поиск
Главная  ::. CSS  ::. Классификации

Содержание

[править] display

Определяет, как будет отображаться элемент.

display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;
  • 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; - не поддерживается;

Поддерживается IE начиная с 5.5 и NN начиная с 4.0

[править] cursor

Определяет форму курсора мыши, которую он принимает при наведении на элемент страницы.

cursor: auto|crosshair|default|hand|move|*-resize|text|wait|help;
  • 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.

Значения этих атрибутов могут располагаться в любом порядке.

list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];

Значение по умолчанию disk outside none.

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

[править] list-style-image

Задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.

list-style-image: none|url({Интернет-адрес файла изображения});

Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.

Значение по умолчанию none.

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

[править] list-style-position

Задает местонахождение маркера позиции списка: в тексте позиции или вне его.

list-style-position: outside|inside;

Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа.

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

[править] list-style-type

Задает тип маркера или номер позиции списка.

list-style-type: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;
  • list-style-type: disc; - (значение по умолчанию) отображает сплошной кружок;
  • list-style-type: circle; - окружность;
  • list-style-type: square; - сплошной квадрат;
  • list-style-type: decimal; - нумерует позиции арабскими цифрами;
  • list-style-type: lower-roman; - малыми римскими;
  • list-style-type: upper-roman; - большими римскими;
  • list-style-type: lower-alpha; - помечает позиции малыми латинскими буквами;
  • list-style-type: upper-alpha; - большими латинскими;
  • list-style-type: none; - вообще убирает маркер или нумерацию.

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

Личные инструменты
2.60866308212