Un guide rapide pour la syntaxe de définition de la valeur de css

Les spécifications CSS, créé par le World Wide Web Consortium (W3C), définissent les valeurs de syntaxe et possibles de toutes les propriétés CSS. Pour faire définitions aussi précises que possible, le W3C utilise un système formel appelé syntaxe de définition de la valeur de CSS.

Bien que la syntaxe de définition définit les valeurs possibles de façon très précise, la lecture de la syntaxe que les définitions de valeur de CSS sont écrits en peut être difficile sans une clé. En réalité, cependant, la lecture de tels syntaxe est très simple. Par exemple, voici la syntaxe de la valeur de la propriété de raccourci de la marge:

[  |  | auto] {1,4}

Et voici les utilisations possibles de la propriété de la marge:

margin: 0px; margin: 1px 10% -margin: 1px 0px auto-margin: 0px 1px 1px 0px;

Même si vous ne savez pas ce que la propriété de marge ou de chacun de ces exemples est le cas, vous pourriez comprendre comment lire la définition de syntaxe juste en regardant la définition, puis en examinant les exemples.




Voici un guide rapide pour la lecture de la syntaxe de définition de la valeur de CSS:

  • Quand un mot-clé apparaît sans guillemets, il indique que le mot doit être utilisé comme il est, comme dans le cas de la auto mot-clé dans l'exemple ci-dessus.

  • Les types de données de base CSS apparaissent entre lt; et>. Par example, , , et sont des types de base qui sont définis ailleurs. Quand vous voyez un de ces types, vous savez que toute valeur valide dans ce type de données peut être utilisé.

  • Lorsque vous voyez deux esperluette ensemble (), cela signifie que les valeurs séparées par ce symbole sont à la fois obligatoire, mais, ils peuvent apparaître dans un ordre quelconque.

  • Les crochets ([]) Les valeurs de regrouper en un seul.

  • Valeurs séparées par || ils sont facultatifs. Cependant, l'un d'eux doit apparaître, et ils peuvent apparaître dans un ordre quelconque.

  • L'| caractère signifie que les options sont exclusives - exactement un d'entre eux doit apparaître.

  • L'astérisque (*) indique que la valeur peut apparaître zéro, une fois ou plusieurs fois.

  • Le symbole plus (+) signifie que la valeur peut apparaître une ou plusieurs fois.

  • Le point d'interrogation (?) Indique qu'une valeur est facultative. Si elle apparaît, il peut apparaître qu'une seule fois.

  • Quand tu vois , cela signifie qu'une valeur de longueur fixe tel 10px est autorisé.

  • Quand tu vois , cela signifie qu'une valeur en pourcentage tel que 10 pour cent est autorisée.

  • Quand vous voyez chiffres entre parenthèses tels que {1,4}, il indique que la propriété doit apparaître le nombre de fois spécifié par le premier numéro. Cependant, il peut apparaître autant de fois que l'indique le deuxième nombre. Dans le cas de {1, 4}, la propriété doit apparaître une fois, mais peut apparaître autant que quatre fois.

  • Le symbole # signifie que la valeur peut être répété une ou plusieurs fois. Chaque valeur doit être séparée par une virgule.


» » » » Un guide rapide pour la syntaxe de définition de la valeur de css