Понедельник, 27.01.2025, 04:45 | | Регистрация | Вход Приветствую Вас Гость | RSS

Добавь в закладки

Облако(Большое облако)


Статистика






Catalog-Moldova - Ranker, Statistics


Онлайн всего: 1
Гостей: 1
Пользователей: 0

Пользователи
Гости
Ссылки партнеров
Форма входа
Главная » Справочник » 3 Справочные данные по HTML » 14 Каскадные таблицы стилей CSS

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

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

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

По материалам сайта: http://www.spravkaweb.ru/

Категория: 14 Каскадные таблицы стилей CSS | Добавил: O3OH (08.01.2011)
Просмотров: 303 | Теги: учебники, css, шаблоны, книги, java script, UCOZ, php, cтатьи, Dreamweaver CS3, HTML | Рейтинг: 0.0/0
Почитать по теме
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Меню справочника
Справочные данные по HTML [1]
00 Структура HTML-документа [1]
01 Основные теги [1]
02 Заголовки и названия [1]
03 Параграфы и строки [1]
04 Стили текста [1]
05 Списки. Ссылки [1]
06 Таблицы [1]
07 Графика, объекты, мультимедиа, сценарий [1]
08 Формы [1]
09 Фреймы [1]
10 Алфавитный указатель атрибутов [20]
11 Коды и обозначения символов в HTML [1]
12 Коды и названия цветов в HTML [1]
13 Коды языков HTML [1]
14 Каскадные таблицы стилей CSS [20]
16 Блочная вёрстка [9]
17 Верстка с помощью слоев [1]
18 Описание и правила создания META-тегов [1]
19 Преимущества верстки с помощью таблиц [1]
20 Описание Java-апплетов [1]
21 Пять полезных мелочей для сайта [1]
-------В каталоге-------

Скачать [205]
Скачать книги [32]
Загрузить [45]
Купить [302]
Найти [90]
Найти информацию [24]
Найти отдых [6]
Посмотреть [61]
Послушать [4]
Послушать радио [4]
Поиграть [39]
Поиграть в игры браузерные [17]
Поговорить [18]
Поговорить на форумах [4]
Заказать [95]
Разное [54]

allfun.com.ua
Категория: Посмотреть приколы
Рейтинг:⋀ 1606550
Переходы: 3211
Подробнее
Brand-studio
Категория: Загрузить фотографии
Рейтинг:⋀ 1437900
Переходы: 484
Подробнее
Ex.ua
Категория: Скачать фильмы
Рейтинг:⋀ 1126501
Переходы: 8548
Подробнее
4 tfile.ru
Категория: Скачать торрент
Рейтинг:⋀ 314311
Переходы: 3111
Подробнее
5 zoomby.ru
Категория: Посмотреть фильмы онлайн
Рейтинг:⋀ 282450
Переходы: 1215
Подробнее
6 Bit2Bit :: Список ссылок
Категория: Скачать фильмы
Рейтинг:⋀ 163870
Переходы: 796
Подробнее
7 My-hit
Категория: Скачать фильмы
Рейтинг:⋀ 161530
Переходы: 2224
Подробнее
8 4game.ru
Категория: Поиграть в игры онлайн
Рейтинг:⋀ 137010
Переходы: 1092
Подробнее
9 Mptri.net
Категория: Скачать музыку
Рейтинг:⋀ 130380
Переходы: 2090
Подробнее
10 smotri.com
Категория: Скачать музыку
Рейтинг:⋀ 114070
Переходы: 2400
Подробнее
11 uaget
Категория: Скачать фильмы
Рейтинг:⋀ 111311
Переходы: 1992
Подробнее
12 nomer.org
Категория: Найти человека
Рейтинг:⋀ 107660
Переходы: 1626
Подробнее
13 ohota-ribalka
Категория: Поговорить на форумах "Охоты" и "Рыбалки"
Рейтинг:⋀ 106710
Переходы: 639
Подробнее
14 mp3lemon
Категория: Скачать музыку
Рейтинг:⋀ 96932
Переходы: 1928
Подробнее
15 rutor.org
Категория: Скачать торрент
Рейтинг:⋀ 95310
Переходы: 1308
Подробнее
16 tutmp3.net
Категория: Скачать музыку
Рейтинг:⋀ 95250
Переходы: 1925
Подробнее
17 rutracker.org
Категория: Скачать торрент
Рейтинг:⋀ 90610
Переходы: 1179
Подробнее
18 txt.uz
Категория: Скачать книги электронные (.doc,.txt,.rtf)
Рейтинг:⋀ 75780
Переходы: 1184
Подробнее
19 proc.com.ua
Категория: Скачать фильмы
Рейтинг:⋀ 67310
Переходы: 1223
Подробнее
20 japonwarez.com
Категория: Скачать фильмы
Рейтинг:⋀ 63020
Переходы: 1081
Подробнее
Rambler's Top100 Яндекс цитирования Экспресс анализ сайта Рейтинг@Mail.ru Анализ сайта Український рейтинг TOP.TOPUA.NET
    O3OH © 2009-2025     Вверх