Css блок свойства


Модел представяне на документ, под формата на блокове

Представянето на CSS използва документ модел визуално показва елементи под формата на правоъгълни блокчета, евентуално вложени.







CSS свойства на блока:

ширина: 400 пиксела;
подложка: 10px;
марж: 20px;
граница: черен 2px прекъсната;
фон: цървул;
поплавък: дясно

Всеки блок има съдържание на данни (текст, изображения и т.н.), и може да има тире (подложка), граничния (граница) и полета (маржин). Подходящи CSS свойства позволяват да закупи блок в желания начин. Например, една единица, която тече около тази ширина граница текстово поле тире. Runaround е настроен на плувка имота. но информация за него - в следващия раздел.

Следната диаграма, взети от спецификацията CSS2, представлява относителното положение на полета, граници и подложка:

Размери

стойност по подразбиране

блок ширина съдържание

автоматично,
размер,
процент (спрямо ширината на контейнера)

съдържание височина блок

автоматично,
размер,
процент (спрямо височината на контейнера)

стойност по подразбиране

марж-отгоре
марж-надясно
марж дъно
марж-наляво

Размер на площ поле около блока
(Top, надясно, надолу, наляво)

размер,
процент (спрямо ширината на контейнера)

списък на полеви стойности разделени с интервали







вата-отгоре
уплътнение десен
подложка дъно
вата-наляво

Зона Размер отстъп в рамките на блока
(Top, надясно, надолу, наляво)

размер,
процент (спрямо ширината на контейнера)

И краткото имот за едновременно тире

списък стойности идентификационния, разделени с интервали

гранично-отгоре широчина
гранично-дясно широчина
гранично-отдолу ширина
гранично-ляво ширина

Размерът на границата зоната на блок
(Top, надясно, надолу, наляво)

размер,
тънък, средна дебелина

И краткото имот за едновременно оразмеряване блок граница зона

списък граници на стойностите ширина, разделени с интервали

гранично-горния цвят
гранично-десен цвят
гранично-отдолу цвят
гранично-ляво цвят

Цветът на границата
(Top, надясно, надолу, наляво)

стойността на цвета

И краткото имот едновременно да зададете цвят на всички граници

списък граници на цветови стойности, разделени с интервали

гранично-отгоре в стил
гранично-десния стил
гранично-отдолу-стил
гранично-ляво стил

граничната линия Style
(Top, надясно, надолу, наляво)

NB! на границата не се показва по подразбиране, без да се уточняват начините на този имот всички други свойства на границата няма да се отрази на устройството дисплей

Няма (не)
пунктирана (прекъсната линия),
прекъсната (тире-точка)
твърдо вещество (твърдо вещество)
двойно (двойна твърдо вещество)
жлеб (вдлъбната граница)
хребет (изпъкнал граница)
вмъкнати (деформирана блок)
начало (изпъкнал блок)

И краткото имот за едновременно определяне на линиите стил на всички граници

Онлайн списък стил на ценности, разделени с интервали

гранично-отгоре
гранично-дясно
гранично-отдолу
гранично-наляво

Verbatim свойства едновременно да определите ширината, стил, цвят и граници (отгоре, отдясно и отдолу, вляво)

списък на ширини, стилове и цветови линии, разделени с интервали

Verbatim имоти за едновременно определяне на ширина, стила и цвета на границите

списък на ширини, стилове и цветове на линии, разделени с интервали; Тя се прилага за всички граници