Посмотрим как это применяеися в коде:
- Код: выделить все
<html>
<head>
<meta charset="utf-8">
<title>Свойство border</title>
<style>
.brd {
border: 14px solid green; /* Цвет фона */
padding: 20px; /* Поля вокруг текста */
background-color: #6F0;
}
</style>
</head>
<body>
<div class="brd">
Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст
</div>
</body>
</html>
Выглядит это так:
Конечно его можно было написать и так:
- Код: выделить все
.brd {
border-top: 14px solid green;
border-bottom: 14px solid green;
border-left: 14px solid green;
border-right: 14px solid green;
}
Но лучше все же использовать приведенный вид записи в первом примере.
Так же хочется сказать о том что значения свойств border-width, border-style и border-color разделенные пробелом, могут располагаться в любом порядке.
Если с шириной бордюра и цветом думаю что никаких проблем не будет, то про стили рамки стоит еще упомянуть.
Кроме уже приведенного стиля "solid", так же возможно применять: