- •Синтаксис
- •Селектор класса (class)
- •Селектор идентификатора (id)
- •Комментарии css
- •Примеры использования css
- •Подключение таблицы стилей
- •Несколько таблиц стилей
- •Примеры
- •Параметры фона в css: подробное рассмотрение
- •Параметр 'background'
- •Параметр 'background-attachment'
- •Параметр 'background-color'
- •Параметр 'background-image'
- •Параметр 'background-position'
- •Параметр 'background-repeat'
- •Примеры
- •Параметр 'text-align'
- •Параметр 'text-decoration'
- •Параметр 'text-indent'
- •Параметр 'text-transform'
- •Параметр 'white-space'
- •Параметр 'word-spacing'
- •Параметры границы в css
- •Границы в css: подробное рассмотрение Параметр 'border'
- •Параметр 'border-bottom'
- •Параметр 'border-bottom-color'
- •Параметр 'border-bottom-style'
- •Параметр 'border-bottom-width'
- •Параметр 'border-color'
- •Параметр 'border-left'
- •Параметр 'border-left-color'
- •Параметр 'border-left-style'
- •Параметр 'border-left-width'
- •Параметр 'border-right'
- •Параметр 'border-right-color'
- •Параметр 'border-right-style'
- •Параметр 'border-right-width'
- •Параметр 'border-style'
- •Параметр 'border-top'
- •Параметр 'border-top-color'
- •Параметр 'border-top-style'
- •Параметр 'border-top-width'
- •Параметр 'border-width'
- •Примеры
- •Отступы в css
- •Отступы в css: подробное рассмотрение Параметр 'margin'
- •Параметр 'margin-bottom'
- •Параметр 'margin-left'
- •Параметр 'margin-right'
- •Параметр 'margin-top'
- •Примеры
- •Параметры полей в css
- •Поля в css: подробное рассмотрение Параметр 'padding'
- •Параметр 'padding-bottom'
- •Параметр 'padding-left'
- •Параметр 'padding-right'
- •Параметр 'padding-top'
- •Примеры:
- •Параметры списков в css
- •Списки в css: подробное рассмотрение Параметр 'list-style'
- •Параметр 'list-style-image'
- •Параметр 'list-style-position'
- •Параметр 'list-style-type'
- •Пример:
- •Параметры размеров элементов css
- •Размеры элементов в css: подробное рассмотрение Параметр 'height'
- •Параметр 'line-height'
- •Параметр 'max-height'
- •Параметр 'max-width'
- •Параметры форматирования в css: подробное рассмотрение Параметр 'clear'
- •Параметр 'cursor'
- •Параметр 'display'
- •Свойство 'float'
- •Параметр 'position'
- •Параметр 'visibility'
- •Примеры:
- •Параметры позиционирования в css
- •Параметры позиционирования в css: подробное рассмотрение Параметр 'bottom'
- •Параметр 'clip'
- •Параметр 'left'
- •Параметр 'overflow'
- •Параметр 'position'
- •Параметр 'right'
- •Параметр 'top'
- •Параметр 'vertical-align'
- •Параметр 'z-index'
Параметры границы в css
Параметры границы в CSS позволяют определить стиль и цвет рамки вокруг элемента. Если в HTML для создания границ вокруг текста использовались таблицы, то в CSS можно создавать границы, которые применимы к любому элементу. Кроме того, возможности параметров границ в CSS расширены.
Данные параметры поддерживают следующие браузеры: Internet Explorer, Firefox, Netscape.
Параметр |
Описание |
Значения |
IE |
F |
N |
W3C |
border |
Параметр для задания свойств всех четырех сторон границы в одном объявлении |
border-width |
4 |
1 |
4 |
1 |
border-style |
||||||
border-color |
||||||
border-bottom |
Параметр для задания всех свойств нижней стороны границы в одном объявлении |
border-bottom-width |
4 |
1 |
6 |
1 |
border-style |
||||||
border-color |
||||||
border-bottom-color |
Задает цвет нижней стороны границы |
border-color |
4 |
1 |
6 |
2 |
border-bottom-style |
Задает стиль нижней стороны границы |
border-style |
4 |
1 |
6 |
2 |
border-bottom-width |
Задает толщину нижней стороны границы |
thin |
4 |
1 |
4 |
1 |
medium |
||||||
thick |
||||||
length |
||||||
border-color |
Задает цвета четырех сторон границы, может иметь от одного до четырех значений |
color |
4 |
1 |
6 |
1 |
border-left |
Параметр для задания всех свойств левой стороны границы в одном объявлении |
border-left-width |
4 |
1 |
6 |
1 |
border-style |
||||||
border-color |
||||||
border-left-color |
Задает цвет левой стороны границы |
border-color |
4 |
1 |
6 |
2 |
border-left-style |
Задает стиль левой стороны границы |
border-style |
4 |
1 |
6 |
2 |
border-left-width |
Задает толщину левой стороны границы |
thin |
4 |
1 |
4 |
1 |
medium |
||||||
thick |
||||||
length |
||||||
border-right |
Параметр для задания всех свойств правой стороны границы в одном объявлении |
border-right-width |
4 |
1 |
6 |
1 |
border-style |
||||||
border-color |
||||||
border-right-color |
Задает цвет правой стороны границы |
border-color |
4 |
1 |
6 |
2 |
border-right-style |
Задает стиль правой стороны границы |
border-style |
4 |
1 |
6 |
2 |
border-right-width |
Задает толщину правой стороны границы |
thin |
4 |
1 |
4 |
1 |
medium |
||||||
thick |
||||||
length |
||||||
border-style |
Задает стили четырех сторон границы, может иметь от одного до четырех стилей |
none |
4 |
1 |
6 |
1 |
hidden |
||||||
dotted |
||||||
dashed |
||||||
solid |
||||||
double |
||||||
groove |
||||||
ridge |
||||||
inset |
||||||
outset |
||||||
border-top |
Параметр для задания всех свойств верхней стороны границы в одном объявлении |
border-top-width |
4 |
1 |
6 |
1 |
border-style |
||||||
border-color |
||||||
border-top-color |
Задает цвет верхней стороны границы |
border-color |
4 |
1 |
6 |
2 |
border-top-style |
Задает стиль верхней стороны границы |
border-style |
4 |
1 |
6 |
2 |
border-top-width |
Задает толщину верхней стороны границы |
thin |
4 |
1 |
4 |
1 |
medium |
||||||
thick |
||||||
length |
||||||
border-width |
Параметр для задания толщин четырех сторон границы в одном объявлении, может иметь от одного до четырех значений |
thin |
4 |
1 |
4 |
1 |
medium |
||||||
thick |
||||||
length |