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