підтримка браузерами
Наша взаимовыгодная связь https://banwar.org/
12.0+ 4.0+ 1.0+ 1.0+ 3.5+ 1.0+
опис
CSS властивість border дозволяє одночасно встановити ширину, стиль і колір для рамки блоку. Кордон блоку - звичайна лінія / рамка, яка оточує блок з усіх боків. Варто враховувати, що при додаванні рамки вона буде впливати на загальний розмір блоку.
Значення розділяються пропуском і можуть слідувати в будь-якому порядку, браузер сам визначить, яке з них відповідає потрібному параметру. Всі три значення вказувати не обов'язково, ширину і / або колір можна опустити, в цьому випадку замість пропущеного значення буде використано значення, яке встановлено для властивості за замовчуванням, тобто якщо до прикладу не вказана ширина, то буде використано значення за замовчуванням властивості border-width. У таблиці, розташованої під синтаксисом, зазначено значення яких саме властивостей можна використовувати.
Примітка: для того щоб встановити межі лише на певних сторонах елементу, використовуйте наступні властивості: border-top , border-bottom , border-left , border-right .
Порада: як правило, при використанні рамки потрібно додавати внутрішні відступи . Вони додають порожній простір між рамкою блоку і його вмістом: текстом, картинками або дочірніми тегами. Зазвичай межа відображається впритул до вмісту елемента, це корисно тільки в тому випадку, якщо потрібно задати рамку навколо картинки.
Значення за замовчуванням: не визначено Застосовується: до всіх елементів анімуйте: так, дивіться кожне властивість, що входить до складу короткого методу, окремо Успадковується: немає Версія: CSS1 Синтаксис JavaScript: object.style.border = "3px solid blue"
синтаксис
border: border-width border-style border-color | inherit;
значення властивості
значення Опис border-width Вказує ширину для рамки за допомогою будь-якої допустимої одиниці виміру CSS (Крім відсотків). border-style Вказує стиль для рамки, який визначається одним із ключових слів: solid, dotted, dashed, double, groove, ridge, inset, outset, hidden і none. Значення hidden і none є взаємозамінними, вони вказують, що рамка відсутня. border-color Задає колір для рамки одним із таких способів: ім'я кольору, шістнадцяткове значення або RGB, вибрати відповідний колір або значення можна за допомогою таблиці кольорів . inherit Вказує, що значення успадковується від батьківського елемента.
приклад
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> Приклад </ title> <style type = "text / css"> p {border: 5px solid red; } </ Style> </ head> <body> <p> Тут міститься якийсь текст. </ P> </ body> </ html>
Результат даного прикладу у вікні браузера: