We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Описание

The caption-side CSS property positions the content of a table's <caption> on the specified side.

The values are relative to the writing-mode of the table.

Начальное значениеtop
Применяется кзаголовки таблиц
Наследуетсяда
Отображениевизуальный
Обработка значениякак указано
Animation typediscrete
Канонический порядокуникальный неоднозначный порядок, определённый формальной грамматикой

Синтаксис

/* Обычные значения */ 
caption-side: top; 
caption-side: bottom; 

/* ВНИМАНИЕ: нестандартные значения */ 
caption-side: left; 
caption-side: right; 
caption-side: top-outside; 
caption-side: bottom-outside; 


/* Глобальные значения */ 
caption-side: inherit; 
caption-side: initial; 
caption-side: unset;

Значения

top
Is a keyword indicating that the caption box should be positioned above the table.
bottom
Is a keyword indicating that the caption box should be positioned below the table.
left
Is a keyword indicating that the caption box should be positioned on the left side of the table.
Примечание: This value was proposed for CSS 2, but removed from the final CSS 2.1 specification. It is non-standard.
right
Is a keyword indicating that the caption box should be positioned on the right side of the table.
Примечание: This value was proposed for CSS 2, but removed from the final CSS 2.1 specification. It is non-standard.
top-outside
Is a keyword indicating that the caption box should be positioned above the table, while the width and horizontal alignment behavior are not bound to the table's horizontal layout.
Примечание: The CSS 2.1 specification notes that the CSS 2 specification described a different behavior for the top value, which will be reintroduced by this value in a future specification.
bottom-outside
Is a keyword indicating that the caption box should be positioned below the table, while the width and horizontal alignment behavior are not bound to the table's horizontal layout.
Примечание: The CSS 2.1 specification notes that the CSS 2 specification described a different behavior for the bottom value, which will be reintroduced by this value in a future specification.
inherit
Is a keyword indicating that the caption-side value defined on the parent's element must be used.

Формальный синтаксис

top | bottom | block-start | block-end | inline-start | inline-end

Примеры

.contentbox table-caption {
  caption-side: bottom;
}

Спецификации

Спецификация Статус Комментарий
CSS Logical Properties and Values Level 1
Определение 'caption-side' в этой спецификации.
Редакторский черновик

Определены константы top и bottom

CSS Level 2 (Revision 1)
Определение 'caption-side' в этой спецификации.
Рекомендация Первоначальное определение

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Особенность Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка 1.0 1.0 8.0 4.0 1.0
left, right, top-outside и bottom-outside Нет (Да) Нет Нет Нет
top and bottom are relative to the writing-mode value Нет 42 (42) Нет Нет Нет
Особенность Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка ? ? ? ? ?
left, right, top-outside и bottom-outside Нет ? Нет Нет Нет
top and bottom are relative to the writing-mode value Нет 42.0 (42) Нет Нет Нет

Метки документа и участники

Внесли вклад в эту страницу: andreww2012
Обновлялась последний раз: andreww2012,