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

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

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

Возможные значения:

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

Примеры:

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}
верхняя сторона границы будет толстой, 
правая сторона границы будет тонкой, 
нижняя сторона границы будет тонкой, 
левая сторона границы будет иметь среднее значение.
Федор Антонов
Федор Антонов

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

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

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

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

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

Добрый день!

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

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