Referencia CSS

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

css

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.

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

Y

Z

Selectores

Selectores básicos

Selectores de tipo elementname
Selectores de clase .classname
Selectores de ID #idname
Selectores universales *, ns|*, *|*, |*
Selectores de atributo [attr=value]

Combinadores

Selectores de hermanos adyacentes A + B
Selectores de hermanos generales A ~ B
Selectores de hijo A > B
Selectores de descendiente A B

document.styleSheets
styleSheets[i].cssRules
cssRules[i].cssText (selector y estilo)
cssRules[i].selectorText
elem.style
elem.style.cssText (solo estilo)
elem.className
elem.classList

Extensiones CSS de Mozilla (con el prefijo -moz)
Extensiones CSS de WebKit (principalmente con el prefijo -webkit)
Extensiones CSS de Microsoft (con el prefijo -ms)