Довідка:Ознайомлення з форматуванням таблиць/5

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до навігації Перейти до пошуку



Загальний опис
Як і навіщо


Редагування таблиць
Основи


Розширення таблиць
Додавання рядків і стовпців


Таблиці з функцією сортування
Як збільшити можливості читачів


Просунуте форматування
Використання HTML


Підсумок
Огляд того, чого Ви навчились




Загалом, рекомендовано застосовувати стандартне вікіпедійне форматування для таблиць. За деяких обставин, однак, може виникнути необхідність скористатися дещо складнішим форматуванням за допомогою 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 <!-- Прихований коментар для пояснення цього рядка -->


Повний посібник

Таблиці у Візуальному редакторі




Отримано з https://uk.wikipedia.org/w/index.php?title=Довідка:Ознайомлення_з_форматуванням_таблиць/5&oldid=24312382