| Оплата и обучение |
Инспектор группы
Вы можете этот курс.
Опубликован: 31.10.2006 | Уровень: для всех | Доступ: платный
Лекция 6:
Границы в CSS
Параметр 'border-top'
Данный параметр определяет все свойства верхней стороны границы в одном объявлении.
Наследование: нет.
Может принимать следующие значения:
| Значение | Описание |
|---|---|
| border-top-width | Задает свойства верхней стороны границы |
| border-style | |
| border-color |
Примеры:
p
{
border-top: thick dashed green
}
p
{
border-top: dotted #FF0000
}Параметр 'border-top-color'
Этот параметр задает цвет верхней стороны границы элемента.
Наследование: нет.
Может принимать следующие значения:
| Значение | Описание |
|---|---|
| color | Значение цвета может быть названием цвета (red), значением rgb (rgb(255,0,0)) или шестнадцатеричным числом (#FF0000) |
Примеры:
h1
{
border-top-color: blue
}
h2
{
border-top-color: rgb(200,10,250)
}Параметр 'border-top-style'
Параметр задает стиль верхней стороны границы элемента.
Наследование: нет.
Возможные значения:
Примеры:
p
{
border-top-style: dotted
}Параметр 'border-top-width'
Данный параметр задает толщину верхней стороны границы элемента.
Наследование: нет.
Возможные значения:
| Значение | Описание |
|---|---|
| thin | Определяет тонкую верхнюю сторону границы |
| medium | Определяет верхнюю сторону границы средней толщины |
| thick | Определяет толстую верхнюю сторону границы |
| length | Позволяет определить толщину верхней стороны границы |
Примеры:
p
{
border-top-width: medium
}
p
{
border-top-width: 1cm
}Параметр 'border-width'
Данный параметр определяет в одном объявлении толщину четырех сторон границы и может иметь от одного до четырех значений.
Наследование: нет.
Возможные значения:
| Значение | Описание |
|---|---|
| thin | Определяет тонкую границу |
| medium | Определяет границы средней толщины |
| thick | Определяет толстую границу |
| length | Позволяет определить толщину границ |
Примеры:
p {border-width: thick}
все четыре стороны границы будут толстыми.
p {border-width: thick thin}
верхняя и нижняя стороны границы будут толстыми,
левая и правая сторона границы будут тонкими.
p {border-width: medium thick thin}
верхняя сторона границы будет иметь среднее значение,
левая и правая стороны границы будут толстыми,
нижняя сторона границы будет тонкой.
p {border-width: thick thin thin medium}
верхняя сторона границы будет толстой,
правая сторона границы будет тонкой,
нижняя сторона границы будет тонкой,
левая сторона границы будет иметь среднее значение.
