table-layout
Оновлено: 15.12.2022
table-layout
Визначає, як браузер має обчислювати ширину комірок таблиці, ґрунтуючись на її вмісті.
Коротка інформація
| Значення за замовчуванням | auto |
| Успадковується | Ні |
| Застосовується | До тега <table> або до елемента, у якого значення display встановлено як table або inline-table. |
| Анімується | Ні |
Синтаксис
table-layout: auto | fixedЗначення
| auto | Браузер завантажує всю таблицю, аналізує її для визначення розмірів комірок і тільки після цього відображає. |
| fixed | Ширина колонок у цьому випадку визначається або за допомогою елемента <col>, або обчислюється на основі першого рядка. Якщо дані про форматування першого рядка таблиці з якихось причин отримати неможливо, у цьому випадку таблиця ділиться на колонки рівної ширини. У разі використання цього значення вміст, який не поміщається в комірку вказаної ширини, буде "обрізано" або накладено поверх комірки. Це залежить від використовуваного браузера, але в будь-якому разі ширина комірки змінюватися не буде. Для коректної роботи цього значення обов'язково має бути задана ширина таблиці. |
Приклад
Об'єктна модель
Об'єкт.style.tableLayout