Una guía rápida de la sintaxis de definición de valor css

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 las definiciones lo más preciso posible, el W3C utiliza un sistema formal llamado sintaxis definición de valor CSS.

Aunque la sintaxis definición define 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:

[  |  | auto] {1,4}

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

margen: 0px; margen: 1px 10% -margin: 0px 1px auto-margin: 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 definición de valor CSS:

  • Cuando una palabra clave aparece sin comillas, indica que la palabra debe utilizarse como es, tal como en el caso de la auto palabra clave en el ejemplo anterior.

  • Tipos de datos básicos aparecen entre CSS lt; y>. Por ejemplo, , , y 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 ves 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 ([]) Valores agrupar 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 exclusivos - 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 veas , esto significa que se permite un valor de longitud fija como 10px.

  • Cuando veas , esto significa que un valor de porcentaje se permite tal como 10 por ciento.

  • Cuando vea los números entre corchetes 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 como tantas veces como sea indicado 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.




» » » » Una guía rápida de la sintaxis de definición de valor css