Свойство границы CSS

Свойство 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>