Vidéo: Learn HTML in 12 Minutes 2025
Les spécifications CSS, créées par le World Wide Web Consortium (W3C), définissent la syntaxe et les valeurs possibles de tous Propriétés CSS Pour rendre les définitions aussi précises que possible, le W3C utilise un système formel appelé syntaxe de définition de valeur CSS.
Bien que la syntaxe de définition définisse très précisément les valeurs possibles, la lecture de la syntaxe dans laquelle les définitions de valeurs CSS sont écrites peut s'avérer difficile sans clé. En réalité, cependant, la lecture d'une telle syntaxe est assez simple. Par exemple, voici la syntaxe de la valeur de la propriété de raccourci de marge:
[| | auto] {1, 4}
Et voici les utilisations valides de la propriété margin:
margin: 0px; marge: 1px 10%; marge: 1px 0px auto; marge: 1px 0px 1px 0px;
Même si vous ne savez pas ce que fait la propriété margin ou chacun de ces exemples, vous pouvez comprendre comment lire la définition de la syntaxe en examinant la définition et en examinant les exemples.
Voici un petit guide pour la lecture de la syntaxe de définition de la valeur CSS:
-
Lorsqu'un mot-clé apparaît sans guillemets, il indique que le mot doit être utilisé tel quel, comme dans le cas du mot-clé auto dans l'exemple ci-dessus.
-
Les types de données CSS de base apparaissent entre. Par exemple, et sont des types de base qui sont définis ailleurs. Lorsque vous voyez l'un de ces types, vous savez que toute valeur valide dans ce type de données peut être utilisée.
-
Lorsque vous voyez deux ampersands ensemble (&&), cela signifie que les valeurs séparées par ce symbole sont obligatoires, mais peuvent apparaître dans n'importe quel ordre.
-
Crochets ([]) regroupent les valeurs en une seule.
-
Valeurs séparées par || sont optionnels. Cependant, l'un d'eux doit apparaître, et ils peuvent apparaître dans n'importe quel ordre.
-
Le | caractère signifie que les options sont exclusives - exactement l'une d'elles doit apparaître.
-
L'astérisque (*) indique qu'une valeur peut apparaître zéro, une fois ou plusieurs fois.
-
Le symbole plus (+) signifie qu'une valeur peut apparaître une ou plusieurs fois.
-
Le point d'interrogation (?) Indique qu'une valeur est facultative. S'il apparaît, il ne peut apparaître qu'une seule fois.
-
Quand vous voyez, cela signifie qu'une valeur de longueur fixe telle que 10px est autorisée.
-
Quand vous voyez, cela signifie qu'un pourcentage tel que 10% est autorisé.
-
Lorsque vous voyez des nombres entre parenthèses tels que {1, 4}, cela indique que la propriété doit apparaître le nombre de fois spécifié par le premier nombre. Cependant, il peut apparaître autant de fois qu'indiqué par le second nombre. Dans le cas de {1, 4}, la propriété doit apparaître une seule fois mais peut apparaître jusqu'à quatre fois.
-
Le symbole # indique qu'une valeur peut être répétée une ou plusieurs fois. Chaque valeur doit être séparée par une virgule.
