Таблиці є одним з найпоширеніших елементів розмітки на веб-сторінках. Вони дозволяють структурувати інформацію та подати її у зручному вигляді. Іноді буває необхідно виділити таблицю за допомогою рамки, щоб вона була помітнішою і відрізнялася від решти контенту сторінки.
Існує кілька способів створення рамки навколо таблиці. Один із простих способів – це використання CSS. За допомогою властивостей border та border-collapse можна задати стиль та ширину межі таблиці. Наприклад, ви можете встановити суцільну рамку певного кольору та товщини.
Ще один спосіб створення рамки довкола таблиці – це використання HTML атрибута border. Цей атрибут застосовується до елемента table і дозволяє встановити ширину і стиль межі прямо в тегу. Наприклад, ви можете встановити суцільну рамку з товщиною 1 піксель і чорним кольором.
| Заголовок 1 | Заголовок 2 | Заголовок 3 |
|---|---|---|
| Осередок 1 | Осередок 2 | Осередок 3 |
| Осередок 4 | Осередок 5 | Осередок 6 |
Клацніть таблицю або виділіть комірки, для яких потрібно додати або змінити межі. На вкладці Таблиці у розділі Намалювати кордон у спливаючому меню Тип лінії виберіть потрібний тип лінії. На вкладці Таблиці у розділі Намалювати кордон виберіть команду Кордони та клацніть потрібні межі.
Для створення рамки застосовується стильова властивість border, яка додається до селектора TABLE. Також ефектно виглядає таблиця, коли колір рамки збігається із кольором фону заголовка (тег <th>), як показано на рис.
Щоб зробити обведення тексту в CSS, використовуйте властивість text-stroke . Ця властивість задає товщину та колір обведення для тексту.