max-block-size

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

Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

CSS свойство max-block-size определяет максимальный горизонтальный или вертикальный размер блока взависимости от вида ориентации экрана. Это свойство соответствует либо max-width, либо max-height, взависимости от значения определенного в writing-mode. Если последнее свойство вертикально ориентировано, значит значение свойства max-block-size относится к максимальной ширине блока, в противном случае относится к максимальной высоте блока. It relates to max-inline-size, which defines the other dimension of the element.

/* <length> values */
max-block-size: 300px;
max-block-size: 25em;

/* <percentage> values */
max-block-size: 75%;

/* Keyword values */
max-block-size: none;
max-block-size: max-content;
max-block-size: min-content;
max-block-size: fit-content;
max-block-size: fill-available;

/* Global values */
max-block-size: inherit;
max-block-size: initial;
max-block-size: unset;

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

Syntax

Values

Свойство max-block-size принимает такие же значения как max-width и max-height свойства.

Formal syntax

<'max-width'>

Example

HTML Content

<p class="exampleText">Example text</p>

CSS Content

.exampleText {
  writing-mode: vertical-rl;
  background-color: yellow;
  block-size: 100%;
  max-block-size: 200px;
}

Specification

Specification Status Comment
CSS Logical Properties and Values Level 1
Определение 'max-block-size' в этой спецификации.
Редакторский черновик Initial definition

Browser compatibility

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!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support Нет 41.0 (41.0)[1] Нет Нет Нет
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support Нет 41.0 (41.0)[1] Нет Нет Нет

[1] Available since Gecko 38, but behind the preference layout.css.vertical-text.enabled, then disabled by default. The preference has been removed in Gecko 51 and this property cannot be disabled since this version.

See also

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

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