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

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

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


Статистика






Catalog-Moldova - Ranker, Statistics


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

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

Расположение элементов
Untitled Document

Расположение элементов

 

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; - по правому краю.
  •   

Поддерживается IE начиная с 4.0 для кнопок и внедренных объектов и начиная с 5.0 - для остальных элементов страницы.

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

vertical-align

Задает вертикальное выравнивание элемента страницы внутри родителя.

  
vertical-align: auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom;
  
        
  • 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

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

Категория: 14 Каскадные таблицы стилей CSS | Добавил: O3OH (08.01.2011)
Просмотров: 354 | Теги: учебники, 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     Вверх