block-size

Оновлено: 15.12.2022

block-size

Визначає розмір елемента по блоковій осі, напрямок якої залежить від значення властивості writing-mode. Для горизонтального письма (writing-mode: horizontal-tb) блокова вісь буде вертикальною і block-size встановлює висоту елемента. Для вертикального напрямку письма (writing-mode: vertical-lr і writing-mode: vertical-rl) блокова вісь буде горизонтальною і block-size встановлює ширину елемента.

Коротка інформація

Значення за замовчуванням auto
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис

block-size: <розмір> | <відсотки> | auto

Значення

Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) тощо. У разі використання процентного запису розмір елемента обчислюється залежно від розміру батьківського елемента.

auto Встановлює розмір, виходячи з типу і вмісту елемента.

Приклад

Об'єктна модель

Об'єкт.style.blockSize

Браузери

block-size

Переглянути сумісність з Can I use?

block-size