You are currently viewing Свойство границы CSS

Свойство границы 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>			

Выход:

Поддерживаемые браузеры: Ниже перечислены браузеры, поддерживаемые свойством границы CSS:

  • Google Chrome 1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • Apple Safari 1.0