Una guía rápida al Valor CSS Definición Sintaxis

June 18

Las especificaciones de estilo CSS, creados por el Consorcio World Wide Web (W3C), definen los valores de sintaxis y posibles de todas las propiedades CSS. Para hacer definiciones lo más preciso posible, el W3C utiliza un sistema formal llamado sintaxis de definición de valor CSS.

Aunque la sintaxis de definición define los valores posibles de forma muy precisa, la lectura de la sintaxis que las definiciones de valor CSS están escritos en puede ser difícil sin una llave. En realidad, sin embargo, la lectura de tales sintaxis es bastante simple. Por ejemplo, aquí está la sintaxis del valor de la propiedad de acceso directo margen:

[<Longitud> | <porcentaje> | auto] {1,4}

Y aquí son usos válidos de la propiedad margin:

margen: 0px;
margen: 1px 10%;
auto 0px 1px;: margen
margen: 0px 1px 1px 0px;

Incluso si usted no sabe lo que hace la propiedad margen o cada uno de estos ejemplos, se puede encontrar la manera de leer la definición de sintaxis con sólo mirar la definición y luego de examinar los ejemplos.

Aquí hay una guía rápida de leer sintaxis de definición de valor CSS:

  • Cuando aparece una palabra clave sin comillas, indica que la palabra debe utilizarse como es, como en el caso de la palabra clave auto en el ejemplo anterior.
  • Los tipos de datos básicos CSS aparecen entre <y>. Por ejemplo, <hora>, <color> y <uri> son tipos básicos que se definen en otro lugar. Cuando vea uno de estos tipos, usted sabe que cualquier valor válido en ese tipo de datos puede ser utilizado.
  • Cuando usted ve a dos símbolos de unión juntos (&&), significa que los valores separados por este símbolo son tanto obligatorio, pero, pueden aparecer en cualquier orden.
  • Los corchetes ([]) los valores del grupo juntos en una sola.
  • Valores separados por || son opcionales. Sin embargo, debe aparecer uno de ellos, y pueden aparecer en cualquier orden.
  • El carácter | significa que las opciones son exclusivas - exactamente debe aparecer uno de ellos.
  • El asterisco (*) indica que un valor puede aparecer cero, una vez, o varias veces.
  • El símbolo más (+) significa que un valor puede aparecer una o varias veces.
  • El signo de interrogación (?) Indica que un valor es opcional. Si aparece, sólo puede aparecer una vez.
  • Cuando vea <longitud>, significa que se permite un valor de longitud fija como 10px.
  • Cuando vea <porcentaje>, significa que un valor de porcentaje se permite tal como 10 por ciento.
  • Cuando vea los números entre paréntesis como {1,4}, que indica que la propiedad debe aparecer el número de veces especificado en el primer número. Sin embargo, puede aparecer tantas veces como se indica por el segundo número. En el caso de {1, 4}, la propiedad debe aparecer una vez, pero puede aparecer hasta cuatro veces.
  • El símbolo # indica que un valor se puede repetir una o varias veces. Cada valor debe estar separado por una coma.