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:
|
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 -
|
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:
|
55 | imagen-estilo-lista Define una imagen que se utilizará como marcador de un elemento de lista, en lugar del valor de -
|
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. |