CSS2 - Guía de referencia

Esta es una guía de referencia completa para desarrolladores web donde hemos enumerado todas las propiedades CSS definidas en la Especificación recomendada del Consorcio World Wide Web para hojas de estilo en cascada, Nivel 2.

Haga clic en cualquier propiedad para ver su descripción con ejemplos:

No Señor. Descripción de propiedad
1 azimut

Describe la posición de una fuente de sonido a lo largo del eje horizontal del entorno del oyente.

2 antecedentes

Propiedad compuesta para las siguientes propiedades:

  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
3 adjunto de fondo

Determina si la imagen de fondo está fija en la ventana o se desplaza a medida que se desplaza el documento.

4 color de fondo

Establece el color de fondo de un elemento.

5 imagen de fondo

Establece la imagen de fondo de un elemento.

6 posición de fondo

Establece la posición inicial de la imagen de fondo del elemento, si se especifica; los valores normalmente se emparejan para proporcionar posiciones x, y; la posición predeterminada es 0% 0%.

7 repetición de fondo

Determina cómo se repite (en mosaico) la imagen de fondo en un elemento.

8 frontera

Establece los cuatro bordes de un elemento; valor es uno o más de un color, un valor para border-width y un valor para border-style.

9 borde inferior

Establece el borde inferior de un elemento; value es uno o más de un color, un valor para border-bottom-width y un valor para border-style .

10 border-bottom-width

Establece el grosor del borde inferior de un elemento.

11 colapso de la frontera

Establece el algoritmo de representación del borde de la tabla.

12 color del borde

Establece el color de los cuatro bordes de un elemento; predeterminado es el color del elemento.

13 color de borde izquierdo

Establece el color de los bordes izquierdos de un elemento; predeterminado es el color del elemento.

14 color de borde derecho

Establece el color de los bordes derechos de un elemento; predeterminado es el color del elemento.

15 borde-color-superior

Establece el color de los bordes superiores de un elemento; predeterminado es el color del elemento.

dieciséis color del borde inferior

Establece el color de los bordes inferiores de un elemento; predeterminado es el color del elemento.

17 borde izquierdo

Establece el borde izquierdo de un elemento; value es uno o más de un color, un valor para border-left-width y un valor para border-style .

18 border-left-width

Establece el grosor del borde izquierdo de un elemento.

19 borde derecho

Establece el borde derecho de un elemento; value es uno o más de un color, un valor para border-right-width y un valor para border-style .

20 borde-ancho-derecho

Establece el grosor del borde derecho de un elemento.

21 espaciado de bordes

Con bordes separados, establezca el espacio entre los bordes. Un valor establece el espaciado vertical y horizontal y dos valores establecen el espaciado horizontal y vertical respectivamente.

22 estilo de borde

Establece el estilo de los cuatro bordes de un elemento.

23 borde superior

Establece el borde superior de un elemento; value es uno o más de un color, un valor para border-top-width y un valor para border-style .

24 border-top-width

Establece el grosor del borde superior de un elemento.

25 ancho del borde

Establece el grosor de los cuatro bordes de un elemento.

26 fondo

Se utiliza con la propiedad de posición para colocar el borde inferior de un elemento.

27 lado de la leyenda

Establece la posición de un título de tabla.

28 claro

Establece qué márgenes de un elemento no deben ser adyacentes a un elemento flotante; el elemento se mueve hacia abajo hasta que ese margen esté despejado.

29 acortar

Establece la máscara de recorte de un elemento.

30 color

Establece el color de un elemento.

31 contenido

Inserta contenido generado alrededor de un elemento.

32 contraincremento

Incrementa un contador en 1; valor es una lista de nombres de contadores, con cada nombre seguido opcionalmente por un valor por el cual se incrementa.

33 contador de reinicio

Restablece un contador a cero; value es una lista de nombres de contadores, con cada nombre seguido opcionalmente por un valor al que se restablece.

34 cue-after

Reproduce el sonido designado después de que se habla un elemento.

35 cue-before

Reproduce el sonido designado antes de que se diga un elemento.

36 cursor

Define la forma del cursor.

37 dirección

Define la dirección del flujo del contenido de un elemento.

38 monitor

Controla cómo se muestra un elemento.

39 elevación

Establece la altura a la que se reproduce un sonido.

40 celdas vacías

Con bordes separados, oculta celdas vacías en una tabla.

41 flotador

Determina si un elemento flota hacia la izquierda o hacia la derecha, lo que permite que el texto se ajuste a su alrededor o se muestre en línea.

42 fuente

Establece todos los atributos de fuente de un elemento. El valor es cualquiera de los valores de -

  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
43 Familia tipográfica

Define la fuente de un elemento, ya sea como una fuente específica o como una de las genéricas serif, sans-serif, cursiva, fantasía y monoespacio.

44 tamaño de fuente

Define el tamaño de la fuente.

45 ajuste de tamaño de fuente

Ajusta la relación de aspecto de la fuente actual.

46 font-stretch

Determina la cantidad para estirar la fuente actual.

47 Estilo de fuente

Define el estilo del rostro, ya sea normal o algún tipo de estilo inclinado.

48 variante de fuente

Define una fuente en minúsculas.

49 peso de la fuente

Define el peso de la fuente. Si se usa un número, debe ser un múltiplo de 100 entre 100 y 900; 400 es normal, 700 es lo mismo que la palabra clave negrita.

50 altura

Define la altura de un elemento.

51 izquierda

Se usa con la propiedad de posición para colocar el borde izquierdo de un elemento.

52 espaciado de letras

Inserta espacio adicional entre caracteres de texto.

53 altura de la línea

Establece la distancia entre líneas base de texto adyacentes.

54 estilo de lista

Define estilos relacionados con la lista utilizando cualquiera de los valores para:

  • list-style-image
  • list-style-position
  • list-style-type
55 imagen-estilo-lista

Define una imagen que se utilizará como marcador de un elemento de lista, en lugar del valor de -

  • list-style-type
56 posición-estilo-lista

Sangra o extiende (predeterminado) el marcador de un elemento de lista con respecto al contenido del elemento.

57 tipo de estilo de lista

Define el marcador de un elemento de lista para listas desordenadas (círculo, disco o cuadrado) o para listas ordenadas (decimal, alfa inferior, romana inferior, ninguna, alfa superior o romana superior).

58 margen

Define los cuatro márgenes de un elemento.

59 margen inferior

Define el margen inferior de un elemento. El valor predeterminado es 0.

60 margen izquierdo

Define el margen izquierdo de un elemento. El valor predeterminado es 0.

61 margen derecho

Define el margen derecho de un elemento. El valor predeterminado es 0.

62 margen superior

Define el margen superior de un elemento. El valor predeterminado es 0.

63 desplazamiento de marcador

La propiedad de desplazamiento del marcador se puede utilizar en listas con viñetas para especificar la distancia entre los bordes de borde más cercanos de un cuadro de marcador (o viñeta) y su cuadro principal asociado.

64 marcas

La propiedad de marcas se utiliza para establecer marcas de recorte y marcas de cruz en medios paginados. Esto se usa con la regla @page.

sesenta y cinco Altura máxima

La propiedad max-height se utiliza para restringir la altura de un elemento.

66 anchura máxima

La propiedad max-width se usa para establecer el ancho máximo de un elemento.

67 altura mínima

La propiedad min-height se utiliza para restringir la altura de un elemento.

68 ancho mínimo

La propiedad min-width se usa para restringir el ancho de un elemento.

69 huérfanos

Establece el número mínimo de líneas permitidas en un fragmento de párrafo huérfano.

70 contorno

La propiedad de contorno es una propiedad abreviada para especificar todas las propiedades de contorno.

71 color de contorno

La propiedad outline-color se utiliza para especificar el color del contorno. Tenga en cuenta que, a diferencia de la propiedad de borde, el contorno no ocupa espacio adicional y puede ser no rectangular.

72 contorno-color-estilo

La propiedad de estilo de contorno se utiliza para especificar el estilo del contorno. Tenga en cuenta que, a diferencia de la propiedad de borde, el contorno no ocupa espacio adicional y puede ser no rectangular.

73 ancho de contorno

La propiedad outline-color se utiliza para especificar el color del contorno. Tenga en cuenta que, a diferencia de la propiedad de borde, el contorno no ocupa espacio adicional y puede ser no rectangular.

74 Desbordamiento

Determina cómo se procesa el contenido de desbordamiento.

75 relleno

Define las cuatro cantidades de relleno alrededor de un elemento.

76 fondo acolchado

Define el relleno inferior de un elemento. El valor predeterminado es 0.

77 padding-left

Define el relleno izquierdo de un elemento. El valor predeterminado es 0.

78 padding-right

Define el relleno correcto de un elemento. El valor predeterminado es 0.

79 acolchado superior

Define el relleno superior de un elemento. El valor predeterminado es 0.

80 página

Asocia un diseño de página con nombre con un elemento.

81 salto de página después

Fuerza o suprime los saltos de página después de un elemento.

82 salto de página antes

Fuerza o suprime los saltos de página antes de un elemento.

83 salto de página dentro

Suprime los saltos de página dentro de un elemento.

84 pausa

La propiedad pause es una abreviatura CSS para especificar la propiedad abreviada para especificar pausas en medios auditivos.

85 pausa después

Pausa un medio después de hablar un elemento.

86 pausa antes

Pausa un medio antes de hablar un elemento.

87 tono

Establece el tono medio del contenido hablado de un elemento.

88 rango de tono

Establece el rango del tono, de 0 (plano) a 100 (amplio); el valor predeterminado es 50.

89 jugar durante

Si se proporciona una URL, se reproduce durante el contenido hablado de un elemento, especificando que se repita el audio; mezclar hace que se mezcle con otro audio de fondo, en lugar de reemplazarlo.

90 posición

Establece el modelo de posicionamiento de un elemento.

91 citas

Establece los símbolos de comillas que se utilizan para citar texto.

92 riqueza

Establece la riqueza de la voz, de 0 (bemol) a 100 (melifluo); el valor predeterminado es 50.

93 derecho

Se utiliza con la propiedad de posición para colocar el borde derecho de un elemento.

94 Talla

La propiedad de tamaño se utiliza en medios paginados para especificar el tamaño de la página.

95 hablar

Determina cómo se habla el contenido de un elemento.

96 hablar-encabezado

Determina si los encabezados de las tablas se pronuncian una vez para cada fila o columna o cada vez que se pronuncia una celda.

97 speak-numeral

Determines how numerals are spoken.

98 speak-punctuation

Determines if punctuation is spoken or used for inflection.

99 speech-rate

Sets the rate of speech; a number sets the rate in words per minute.

100 stress

Sets the stress of the voice, from 0 (catatonic) to 100 (hyperactive); default is 50.

101 table-layout

Determines the table-rendering algorithm.

102 text-align

Sets the text alignment style for an element.

103 text-decoration

Defines any decoration for the text; values may be combined.

104 text-indent

Defines the indentation of the first line of text in an element; default is 0.

105 text-shadow

Creates text drop shadows of varying colors and offsets.

106 text-transform

Transforms the text in the element accordingly.

107 top

Used with the position property to place the top edge of an element.

108 vertical-align

Sets the vertical positioning of an element.

109 visibility

Determines if an element is visible in the document or table.

110 voice-family

Selects a named voice family to speak an element's content.

111 volume

Sets the volume of spoken content; numeric values range from 0 to 100.

112 white-space

Defines how whitespace within an element is handled.

113 widows

Sets the minimum number of lines allowed in a widowed paragraph fragment.

114 width

Defines the width of an element.

115 word-spacing

Inserts additional space between words.

116 z-index

Sets the rendering layer for the current element.

Pseudo-classes & Pseudo-elements

Sr.No. Property & Description
1 :active

Use this class to add special effect to an activated element.

2 :focus

Use this class to add special effect to an element while the element has focus.

3 :hover

Use this class to add special effect to an element when you mouse over it.

4 :link

Use this class to add special effect to an unvisited link.

5 :visited

Use this class to add special effect to a visited link.

6 :first-child

Use this class to add special effect to an element that is the first child of some other element.

7 :lang

Use this class to specify a language to use in a specified element.

8 :first-letter

Use this element to add special effect to the first letter of a text.

9 :first-line

Use this element to add special effect to the first line of a text.

10 :before

Use this element to insert some content before an element.

11 :after

Use this element to insert some content after an element.