Опубликован: 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'

Данный параметр задает стиль правой стороны границы элемента.

Наследование: нет.

Может принимать следующие значения:

Значение Описание
None Определяет отсутствие границы
Hidden То же самое, что "none", за исключением разрешения конфликта границ для элементов таблицы
Dotted Определяет пунктирную границу. Изображается в большинстве браузеров сплошной линией
Dashed Определяет штрих-пунктирную границу. Изображается в большинстве браузеров сплошной линией
solid Определяет сплошную границу
double Определяет двойную границу. Толщина двойной границы будет соответствовать значению border-width
groove Определяет 3D-границу (groove). Результат зависит от значения цвета границы
ridge Определяет 3D-границу (ridge). Результат зависит от значения цвета границы
inset Определяет 3D-границу (inset). Результат зависит от значения цвета границы
outset Определяет 3D-границу (outset). Результат зависит от значения цвета границы

Пример:

p
{ 
border-right-style: dashed
}
Параметр 'border-right-width'

Данный параметр задает толщину правой стороны границы элемента.

Наследование: нет.

Может принимать следующие значения:

Значение Описание
thin Определяет тонкую правую сторону границы
medium Определяет правую сторону границы средней толщины
thick Определяет толстую правую сторону границы
length Позволяет определить толщину правой стороны границы

Примеры:

h1
{ 
border-right-width: 2cm
}

h2
{ 
border-right-width: medium
}
Параметр 'border-style'

Этот параметр задает стиль четырех сторон границы. Позволяет определить от одного до четырех стилей.

Наследование: нет.

Может принимать следующие значения:

Значение Описание
None Определяет отсутствие границы
Hidden То же самое, что "none", за исключением разрешения конфликта границ для элементов таблицы
Dotted Определяет пунктирную границу. Изображается в большинстве браузеров сплошной линией
Dashed Определяет штрих-пунктирную границу. Изображается в большинстве браузеров сплошной линией
solid Определяет сплошную границу
double Определяет двойную границу. Толщина двойной границы будет соответствовать значению border-width
groove Определяет 3D-границу (groove). Результат зависит от значения цвета границы
ridge Определяет 3D-границу (ridge). Результат зависит от значения цвета границы
inset Определяет 3D-границу (inset). Результат зависит от значения цвета границы
outset Определяет 3D-границу (outset). Результат зависит от значения цвета границы

Примеры:

p {border-style: dashed}
все четыре стороны границы будут  штрих-пунктирными.

p {border-style: solid double}
верхняя и нижняя стороны границы будут сплошными, 
левая и правая сторона граница будут двойными.

p {border-style: solid double dotted}
верхняя сторона границы будет сплошной, 
левая и правая сторона границы будут двойными, 
нижняя сторона границы будет пунктирной.

p {border-style: dashed double dotted solid}
верхняя сторона граница будет штрих-пунктирной, 
правая сторона границы будет двойной, 
нижняя сторона границы будет пунктирной, 
левая сторона границы будет сплошной.
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?

Данила Некрасов
Данила Некрасов
Россия, Пермь, ПНИПУ
Сергей Федоров
Сергей Федоров
Россия