Выпуклая граница в CSS

Значение ridge задает границу в виде выпуклой линии:

<div id="elem"></div>

#elem {
	border-width: 3px;
	border-style: ridge;
	border-color: black;
	width: 300px;
	height: 100px;
}

:

Свойство border-style - стиль границы

Свойство outline-style - тип внешней рамки

Свойство border-width - толщина границы

Свойство border-radius - скругленные уголки

Свойство background-size - размер картинки фона

Свойство grid-template-rows - количество и ширина рядов в гриде

Чат с GPT Компилятор