Свойство width служит для задания ширины элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { width : 50%; }

Свойство min-width определяет минимально возможную ширину элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { min-width : 200px; }

Свойство max-width определяет максимально возможную ширину элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { max-width : 600px; }

Свойство height служит для задания высоты элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { height : 400px; }

Свойство min-height определяет минимально возможную высоту элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { min-height : 200px; }

Свойство max-height определяет максимально возможную высоту элемента

Значения:

auto - определяется броузером

num - число с единицами измерения

Пример:

.p { max-height : 700px; }

Свойство border-width служит для задания толщины рамки вокруг элемента

Значения:

thin - тонкая рамка

medium - средняя рамка

thick - тонкая широкая

num - числовое значетие

Пример:

.p { border-width : thin; }

существует возможность задания ширины для отдельной границы рамки: border-top-width, border-right-width, border-bottom-width, border-left-width

Значения:

thin - тонкая рамка

medium - средняя рамка

thick - тонкая широкая

num - числовое значетие

Пример:

.p { border-bottom-width : thick; }

Свойство border-color служит для задания цвета рамки вокруг элемента

Значения:

#num - указывается цвет рамки

Пример:

.p { border-color : #00FF99; }

существует возможность задания цвета для отдельной границы рамки: border-top-color, border-right-color, border-bottom-color, border-left-color

Значения:

#num - указывается цвет рамки

Пример:

.p { border-bottom-color : #00FF00; }

Свойство border-style служит для задания вида рамки вокруг элемента

Значения:

none - рамка не показана

hidden - рамка не показана

dotted - рамка из точек

dashed - пунктирная рамка

solid - сплошная рамка

double - двойная рамка

groove - двугранная рамка

ridge - такая же, как groove, но светлая и темная грани расположены иначе

inset - одна грань, наклоненная внутрь

outset - такая же, как inset, но свет падает по-другому

Пример:

.p { border-style : dotted; }

существует возможность задания вида для отдельной границы рамки: border-top-style, border-right-style, border-bottom-style, border-left-style

Значения:

none - рамка не показана

hidden - рамка не показана

dotted - рамка из точек

dashed - пунктирная рамка

solid - сплошная рамка

double - двойная рамка

groove - двугранная рамка

ridge - такая же, как groove, но светлая и темная грани расположены иначе

inset - одна грань, наклоненная внутрь

outset - такая же, как inset, но свет падает по-другому

Пример:

.p { border-bottom-style : outset; }

существует возможность задания всех свойств для отдельной границы рамки: border-top, border-right, border-bottom, border-left

Порядок свойств строго как в примере!

Пример:

.p { border-left : 2px dashed #009999; }

Свойство border служит для задания всех свойств для всей рамки вокруг элемента

Порядок свойств строго как в примере!

Пример:

.p { border : 2px solid #006666; }