HTML Межі таблиці
HTML таблиці можуть мати межі різних стилей і форм.
Як додати межу
Коли ви додаєте межу до таблиці, ви також додаєте межі навколо кожної чарунки таблиці:
Щоб додати межу, використовуйте CSS властивість border до таблиці table, і елементів th та td:
Згорнуті межі таблиці
Щоб позбавитись подвійних меж, як в наведеному вище прикладі, задайте для CSS властивості border-collapse значення collapse.
Це змусить межі злитися в єдину межу:
Стилізація меж таблиці
Якщо ви встановите колір фону для кожної чарунки і задасте межі білий колір (такий самий, як фон документа), ви отримаєте враження невидимої межі:
Приклад
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
Спробуйте самі »
Закруглені межі таблиці
За допомогою CSS властивості border-radius межі таблиці отримують закруглені кути:
Чим більше вказано значення в пікселях, тим більше буде ефект закруглення.
Пропустіть межу навколо таблиці, виключивши table в селекторі CSS:
Пунктирні межі таблиці
За допомогою CSS властивості border-style можна налаштувати зовнішній вид межі.
Допускаються наступні значення:
dotteddashedsoliddoublegrooveridgeinsetoutsetnonehidden
Колір межі
За допомогою CSS властивості border-color ви можете встановити колір межі.
