min-block-size

La propriété min-block-size définit la taille minimale horizontale ou verticale d'un élément de bloc (block) selon le mode d'écriture utilisé. Cette propriété « logique » correspond à la propriété min-width ou min-height selon la valeur utilisée pour writing-mode. Si le mode d'écriture est orienté verticalement, min-block-size fait référence à la hauteur minimale de l'élément. Sinon, elle fait référence à la largeur minimale de l'élément.  to the minimal height of the element, otherwise it relates to the minimal width of the element. La propriété min-inline-size peut être utilisée pour les éléments en ligne.

Syntaxe

/* Valeurs de longueur */
/* Type <length>       */
min-block-size: 100px;
min-block-size: 5em;

/* Valeurs proportionnelles à la */
/* largeur du bloc englobant     */
/* Type <percentage>             */
min-block-size: 10%;

/* Valeurs avec un mot-clé */
min-block-size: max-content;
min-block-size: min-content;
min-block-size: fit-content;
min-block-size: fill-available;

/* Valeurs globales */
min-block-size: inherit;
min-block-size: initial;
min-block-size: unset;

Valeurs

La propriété min-block-size peut prendre les mêmes valeurs que les propriétés min-width ou min-height.

Syntaxe formelle

<'min-width'>

Exemples

CSS

.exemple {
  writing-mode: vertical-rl;
  background-color: yellow;
  block-size: 5%;
  min-block-size: 200px;
}

HTML

<p class="exemple">Texte d'exemple</p>

Résultat

Spécifications

Compatibilité des navigateurs

[1] Disponible depuis Gecko 38 via la préférence layout.css.vertical-text.enabled. Cette préférence a été retirée avec Gecko 51 et la propriété ne peut plus être désactivée depuis cette version.

Voir aussi

• Les propriétés physiques correspondantes
  • min-width
  • min-height
• writing-mode