Estamos trabajando sobre este documento. Si deseas ayudarnos a redactar o mejorar alguna de las páginas listadas a continuación, te animamos a que lo hagas.

Si vas a agregar o modificar una página, por favor, ajústate a la plantilla Referencia CSS:Plantilla de propiedades y modifica según sea necesario.

La plantilla básica para las páginas de ejemplo se puede encontrar aquí: samples/cssref/TEMPLATE.html.

Siéntete libre para discutir sobre cualquier pregunta o sugerencia en la página Talk:CSS Reference.

Esta Referencia CSS muestra la sintáxis básica de una regla CSS; lista todas las propiedades estándares CSS, pseudo-classes y pseudo-elementos, reglas-at, unidades, y selectores, todos juntos en orden alfabético, así como los selectores por tipo; y le permitirá acceso rápido a la información detallada de cada uno de ellos. No solo lista las propiedades de CSS 1 y CSS 2.1, sino que también es una referencia de CSS3 que enlaza cualquier propiedad y concepto de CSS3 estandarizado, o ya establecido. También incluye una breve referencia DOM-CSS / CSSOM.

Tenga en cuenta que las definiciones de reglas CSS son completamente basadas en texto (ASCII), mientras que DOM-CSS / CSSOM, el sistema de gestión de reglas, está basado en objetos.

Vea también las Extensiones CSS de Mozilla para propiedades específicas de Gecko, que usan el prefijo -moz; y las Extensiones CSS de WebKit para propiedades específicas de WebKit. Vea Vendor-prefixed CSS Property Overview de Peter Beverloo como referencia a todas las propiedades con prefijo.

Sintaxis de regla básica

Se advierte que cualquier error de sintaxis en una definición de regla invalidará la regla por completo.

Sintaxis de regla de estilo

selectorlist { 
   property: value; 
   [more property:value; pairs] 
}

...where selectorlist is: selector[:pseudo-class] [::pseudo-element] [, more selectorlists]

Ver selector, pseudo-elemento, pseudo-clase más abajo.

Ejemplos de reglas de estilo

strong {
  color: red;
}

div.menu-bar li:hover > ul {
  display: block;
}

Para una introducción de nivel principiante a la sintaxis de los selectores de CSS, consulte este tutorial. Tenga en cuenta que cualquier error de sintaxis CSS en una definición de regla hace que la regla completa se invalide. El navegador ignora las reglas no válidas. Tenga en cuenta que las definiciones de reglas CSS son totalmente (ASCII) basadas en texto, mientras que DOM-CSS / CSSOM (el sistema de gestión de reglas) está basado en objetos.

Sintaxis de las reglas-at (@rules)

Debido a que éstas tienen formatos de estructura variados, revise la sección reglas-At para ver la sintaxis de la regla deseada.

Índice de palabras clave

Nota: Los nombres de propiedad en este índice no incluyen los nombres de JavaScript donde difieren de los nombres estándar de CSS.

ABCDEFGHIJKLMNOPQRSTUVWZOthers

Selectores

Selectores básicos

Combinadores

Pseudo-clases

Pseudo-elementos

Ver también: Una lista completa de selectores en la especificación de Nivel 3 de Selectores.

Conceptos

Sintaxis y semántica

Valores

Diseño

DOM-CSS / CSSOM

Tipos de objetos principales

Métodos importantes

Tutoriales CSS3

Estas páginas describen las nuevas tecnologías que aparecieron en CSS3, o las de CSS2.1 que no tienen mucho soporte:

Ver también

Etiquetas y colaboradores del documento

Última actualización por: lajaso,