width

Le descripteur width, rattaché à la règle @ @viewport est un raccourci permettant de définir les deux descripteurs min-width et max-width.

Si on fournit une seule valeur, c'est cette valeur qui sera utilisée pour la largeur minimale et maximale de la zone d'affichage (viewport). Si on fournit deux valeurs, la première correspondra à la largeur minimale de la zone d'affichage et la deuxième à la largeur maximale.

En lien avec les règles @	`@viewport`
Valeur initiale	pour chaque propriété individuelle de la propriété raccourcie : `min-width`: `0` `max-width`: `none`
Pourcentages	pour chaque propriété individuelle de la propriété raccourcie : `min-width`: se rapporte à la largeur du bloc contenant `max-width`: se rapporte à la largeur du bloc contenant
Média	visuel, continu
Valeur calculée	pour chaque propriété individuelle de la propriété raccourcie : `min-width`: le pourcentage tel que spécifé ou une longeur absolue `max-width`: le pourcentage comme spécifié ou la longueur absolue ou le mot-clé `none`
Ordre canonique	l'ordre d'apparition dans la grammaire formelle des valeurs

Syntaxe

/* Une valeur de longueur        */
/* Type <length> ou <percentage> */
width: auto;
width: 320px;
width: 15em;

/* Deux valeurs de longueur */
width: 320px 200px;

Valeurs

auto: La valeur utilisée sera calculée à partir des valeurs des autres descripteurs.
<length>: Une longueur relative ou absolue qui doit être positive.
<percentage>: Une valeur exprimée en pourcentages qui est relative à la largeur de la zone d'affichage (viewport) lorsque le niveau de zoom vaut 1. Cette valeur doit être positive.

Syntaxe formelle

<viewport-length>{1,2}où 
<viewport-length> = auto | <length> | <percentage>

Exemples

@viewport {
  width: 500px;
}

Spécifications

Spécification	État	Commentaires
CSS Device Adaptation La définition de '"width" descriptor' dans cette spécification.	Version de travail	Définition initiale.

Fonctionnalité	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Support simple	29 [1]	Pas de support	10 -ms	16 [2]	Pas de support

Fonctionnalité	Android	Chrome pour Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Support simple	4.4	29	Pas de support	10-ms	16 [2]	Pas de support

[1] Via une préférence.

[2] Disponible à partir de la version 11.10, retiré dans la version 15 et disponible via une préférence à partir de la version 16.