CSS межі
Русский перевод: CSS границы
Ви можете використовувати межі (рамки), застосовуючи їх до більшості елементів HTML в межах сторінки. Все, що вам потрібно, щоб зробити межу навколо елементу – це border-style. Можливі значення:
- solid – тонка межа
- dotted – межа складається з точок
- dashed – межа складається з коротких відрізків
- double – подвійна
- groove – ефект поглиблення
- ridge – ефект крайки
- inset – ефект врізання
- outset – ефект піднесення
border-width використовується для вказівки ширини межі, яка вимірюється у пікселях. Існують також властивості: border-top-width, border-right-width, border-bottom-width та border-left-width.
border-color використовується для вказівки кольору межі.
Приклад
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
Результат: червона переривчаста межа навколо заголовка HTML другого рівня (елемент h2) шириною 3 пікселі зверху і знизу та 10 пікселів зліва і праворуч.