Границы в CSS

Границы в CSS: подробное рассмотрение

Параметр 'border'

Данный параметр позволяет определить все свойства четырех сторон границы в одном объявлении. Но это свойство не может определить различные значения для каждой стороны границы, как, например, "margin" и "padding".

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

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

Примеры:

h1
{ 
border: medium solid #FFFF00
}

h2
{ 
border: dotted green
}

Параметр 'border-bottom'

Этот параметр позволяет определить все свойства нижней стороны границы в одном объявлении.

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

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

Примеры:

span
{ 
border-bottom: thick solid #800080
}

li
{ 
border-bottom: dotted #800000
}

Параметр 'border-bottom-color'

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

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

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

Примеры:

p
{ 
border-bottom-color: rgb(20,200,250)
}

span
{ 
border-bottom-color: blue
}

Параметр 'border-bottom-style'

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

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

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

Пример:

p
{ 
border-bottom-style: dotted
}

Параметр 'border-bottom-width'

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

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

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

Примеры:

p
{ 
border-bottom-width: 1px
}

p
{ 
border-bottom-width: thick
}