www.rfpost.ru - Красивые и прикольные имена электронной почты

CSS Блоки: границы, отступы и поля.

С помощью CSS для блочных элементов можно создавать границу вокруг различных элементов, отступы и поля.

Принцип расположения блочных элементов:
- Поле окружающее блок ( margin )
- Граница блока ( border )
- Отступ внутри блока ( padding )

СвойствоЗначениеОписаниеПример
padding-topОтступы от границы элемента до его содержимого в единицах длины или процентах сверхуtable{padding:10px}
padding-rightсправа
padding-bottomснизу
padding-leftслева
padding со всех сторон
margin-topРазмеры полей в единицах длины или процентах сверхуp{margin-left:20px; margin-right:10px}
margin-rightсправа
margin-bottomснизу
margin-leftслева
margin со всех сторон
border-top-width Ширина рамки в единицах длины или
thin (тонкая),
medium (средняя),
thick (толстая)
сверхуp{border-top-width:7px}
border-right-widthсправа
border-bottom-widthснизу
border-left-widthслева
border-widthсо всех сторон
border-top-colorЗначение цветаЦвет рамки для границ p{border-color: red}
border-right-color
border-bottom-color
border-left-color
border-color
transperent
border-style none , dotted , dashed , solid , double , groove , ridge , inset , outset Стиль рамкиtable{border-style:double}
border-topШирина, стиль, цвет Определяют толщину, стиль и цвет границ рамкиtable{border: solid 2px blue}
border-right
border-bottom
border-left
border

CSS - стили



© Copyright 2005 www.e-inform.ru
|