Свойство border в CSS используется для оформления границы элемента. Это свойство представляет собой комбинацию трех других свойств-ширина границы, стиль границы и цвет границы, которые можно использовать в качестве сокращенного обозначения для этих трех свойств. Он задает или возвращает свойства ширины границы, стиля границы, цвета границы.
Синтаксис:
border = "width style color|initial|inherit"
Значение по умолчанию : Его значение по умолчанию-начальное.
Значения свойств:
- width: Это значение определяет вес или ширину границы.
- style: Это значение определяет стиль границы, то есть будет ли граница пунктирной, пунктирной, сплошной и т.д.
- color: Это значение определяет цвет границы.
Ниже приведен код, иллюстрирующий свойство границы в CSS:
Пример:
<!DOCTYPE html>
<html>
<head>
<title>
CSS | border Property
</title>
<style>
h1 {
color: green;
}
#gfg {
border: 4px solid blue;
width: 60%;
}
</style>
</head>
<body>
<center>
<h1>GeeksForGeeks</h1>
<h2>DOM Style border Property</h2>
<!-- Element whose border will be styled -->
<div id="gfg">
GeeksForGeeks.
It is a computer science portal for geeks.
</div>
</center>
</body>
</html>
Выход:
Поддерживаемые браузеры: Ниже перечислены браузеры, поддерживаемые свойством границы CSS:
- Google Chrome 1.0
- Internet Explorer 4.0
- Firefox 1.0
- Opera 3.5
- Apple Safari 1.0