Создание сайта на CMS WordPress: обучение и хостинг

СВОЙСТВО CAPTION-SIDE

Свойство caption-side определяет размещение заголовка таблицы (<caption>).

Поддержка браузеров


10+

Синтаксис

caption-side: top|bottom|initial|inherit

Значения свойства

Значение	Описание
top	Размещает заголовок сверху. Это значение по умолчанию.
bottom	Размещает заголовок снизу.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

Песочница

<table>
    <caption>Таблица 1</caption>
    <tr>
        <th>Игрок\№ броска</th>
        <th>1</th>
        <th>2</th>
        <th>3</th>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>Игрок 1</th>
        <td>Попадание</td>
        <td>Попадание</td>
        <td>Промах</td>
        <td>Попадание</td>
        <td>Попадание</td>
    </tr>
        <tr>
        <th>Игрок 2</th>
        <td>Попадание</td>
        <td>Попадание</td>
        <td>Промах</td>
        <td>Попадание</td>
        <td>Промах</td>
    </tr>
        <tr>
        <th>Игрок 3</th>
        <td>Попадание</td>
        <td>Промах</td>
        <td>Промах</td>
        <td>Попадание</td>
        <td>Попадание</td>
    </tr>
</table>

HTML

body {
    font-family: Arial;
}

table {
    border-collapse: collapse;
    caption-side: bottom;
}

caption {
    margin-top: 7px
}

td, th {
    border: 1px solid #ddd;
    padding: 5px 10px;
    text-align: center;
}

th {
    background: #f7f7f7;
}

CSS

← Перейти к списку свойств