Загалом, рекомендовано застосовувати стандартне вікіпедійне форматування для таблиць. За деяких обставин, однак, може виникнути необхідність скористатися дещо складнішим форматуванням за допомогою CSS. Вигляд кожної комірки можна контролювати через додавання style=" " |
перед вмістом такої комірки. CSS-форматування додається до заголовків та описів у такий же спосіб.
Для вмісту комірок
| style="" | Р1С1
| style="" | Р1С2
| style="" | Р1С3
|
|
Для заголовків
! style="" | Заголовок С1
! style="" | Заголовок С2
! style="" | Заголовок С3
|
Будь-які CSS-атрибути можна додавати до style=" " |
.
Найчастіше вживані атрибути
Властивість
|
Значення
|
Приклад
|
background
|
колір тла |
background:yellow
|
color
|
колір тексту |
color:blue
|
width
|
ширина комірок |
width:100px
|
border-width
|
ширина рамки |
border-width:3px
|
text-align
|
Вирівнювання тексту в межах комірки |
text-align:center
|
Наприклад, ось така таблиця містить форматування для окремих комірок
{| class="wikitable"
|+ Опис: деякі комірки — жовті.
|-
! Заголовок 1
! Заголовок 2
! Заголовок 3
|-
| style="background: yellow" | Р1С1
| Р1C2
| style="background: yellow" | Р1С3
|-
| Р2С1
| style="background: yellow" | Р2С2
| Р2С3
|}
У результаті таблиця виглядатиме так:
Опис: деякі комірки — жовті.
Заголовок 1
|
Заголовок 2
|
Заголовок 3
|
Р1С1
|
Р1С2
|
Р1С3
|
Р2С1
|
Р2С2
|
Р2С3
|
CSS-атрибути можна додавати до всієї таблиці, відредагувавши перший рядок коду таблиці (тобто її початок), ось так: {| style=" "
. Так само атрибути можна застосовувати й до усього рядка комірок таблиці, ось так: |- style=" "
Приклад нижче заповнив би всю таблицю жовтим тлом.
{| class="wikitable" style="background: yellow"
Усі ці опції форматування слід застосовувати ощадно. Таблиці з божевільними кольорами важко читати.
Приховані коментарі
У складних таблицях буває корисно використовувати приховані коментарі, щоб пояснювати форматування. Ці приховані коментарі видно лише під час редагування сторінки; їх не видно при читанні (звідси й назва «приховані»). Коментарі можна додавати, поміщаючи їх між <!--
та -->
.
| Р1С1 || Р1С2 ||Р1С3 <!-- Прихований коментар для пояснення цього рядка -->