Manual de referencia CSS

Reglas CSS (RULES)

大全 de Atributos CSS

Regla @ de CSS (At)-rules)CSS z-Atributo index

Manual completo de propiedades CSS (por función)

Búsqueda de atributos CSS por orden alfabético, esta sección contiene el CSS más reciente3Completa lista de atributos estándar. Todos los atributos se dividen en atributos de animación, atributos de fondo, atributos de borde, atributos de color, dimensiones de altura y anchura, Flex cajón flexible, atributos de fuente, atributos de elemento de lista, atributos de margen, atributos de contorno, atributos de fuente de texto, atributos visuales, etc.

Atributo de animación (Animation)

Atributo	Descripción
`animation`	Especificar la animación basada en clave.
`animation-delay`	Especificar cuándo debe comenzar la animación.
`animation-direction`	Especificar si la animación debe reproducirse en sentido inverso en un ciclo alternativo.
`animation-duration`	Especificar el tiempo que debe transcurrir antes de que la animación complete un ciclo.
`animation-fill-mode`	Especificar cómo se deben aplicar los estilos a los objetivos de la animación CSS antes y después de su ejecución.
`animation-iteration-count`	Especificar el número de veces que la animación debe reproducirse antes de detenerse.
`animation-name`	especificar`@keyframes`Nombre de la animación aplicada al elemento seleccionado.
`animation-play-state`	Especificar si la animación debe ejecutarse o pausarse.
`animation-timing-function`	Especificar cómo debe proceder la animación CSS en cada ciclo.

Atributo de fondo (Background)

Atributo	Descripción
`background`	Definir varios atributos de fondo en una declaración.
`background-attachment`	Especificar si la imagen de fondo debe estar fija en el viewport o desplazarse.
`background-clip`	Especificar la región de dibujo del fondo.
`background-color`	Definir el color de fondo del elemento.
`background-image`	Definir la imagen de fondo del elemento.
`background-origin`	Especificar la región de alineación de la imagen de fondo.
`background-position`	Definir el punto de origen de la imagen de fondo.
`background-repeat`	Especificar si/Cómo se debe repetir la imagen de fondo.
`background-size`	Especificar el tamaño de la imagen de fondo.

Atributo de borde (Border)

Atributo	Descripción
`border`	Establecer el ancho, estilo y color del borde en todos los cuatro lados del elemento.
`border-bottom`	Establecer el ancho, estilo y color del borde inferior del elemento.
`border-bottom-color`	Establecer el color del borde inferior del elemento.
`border-bottom-left-radius`	Definir la forma del ángulo inferior izquierdo del elemento.
`border-bottom-right-radius`	Definir la forma del borde inferior derecho del elemento.
`border-bottom-style`	Establecer el estilo del borde inferior del elemento.
`border-bottom-width`	Establecer el ancho del borde inferior del elemento.
`border-color`	Establecer el color del borde en todos los cuatro lados del elemento.
`border-image`	Especificar cómo se debe utilizar la imagen para reemplazar el estilo del borde.
`border-image-outset`	Especificar la cantidad de áreas del borde de la imagen que sobrepasan los límites del borde.
`border-image-repeat`	Especificar si la imagen del borde debe repetirse, redondearse o estirarse.
`border-image-slice`	Especificar el desplazamiento hacia adentro del borde de la imagen.
`border-image-source`	Especificar la ubicación de la imagen que se utilizará como borde.
`border-image-width`	Especificar el ancho del borde de la imagen.
`border-left`	Establecer el ancho, estilo y color del borde izquierdo del elemento.
`border-left-color`	Establecer el color del borde izquierdo del elemento.
`border-left-style`	Establecer el estilo del borde izquierdo del elemento.
`border-left-width`	Establecer el ancho del borde izquierdo del elemento.
`border-radius`	Definir la forma del ángulo del borde del elemento.
`border-right`	Establecer el ancho, estilo y color del borde derecho del elemento.
`border-right-color`	Establecer el color del borde derecho del elemento.
`border-right-style`	Establecer el estilo del borde derecho del elemento.
`border-right-width`	Establecer el ancho del borde derecho del elemento.
`border-style`	Establecer el estilo del borde en todos los cuatro lados del elemento.
`border-top`	Establecer el ancho, estilo y color del borde superior del elemento.
`border-top-color`	Establecer el color del borde superior del elemento.
`border-top-left-radius`	Definir la forma del ángulo superior izquierdo del elemento.
`border-top-right-radius`	Definir la forma del ángulo superior derecho del elemento.
`border-top-style`	Establecer el estilo del borde superior del elemento.
`border-top-width`	Establecer el ancho del borde superior del elemento.
`border-width`	Establecer el ancho del borde en todos los cuatro lados del elemento.

Atributo de color (Color)

Atributo	Descripción
`color`	Se especifica el color del texto del elemento.
`opacity`	Se especifica la opacidad del elemento.

Atributo de tamaño (Size)

Atributo	Descripción
`height`	Se especifica la altura del elemento.
`max-height`	Se especifica la altura máxima del elemento.
`max-width`	Se especifica el ancho máximo del elemento.
`min-height`	Se especifica la altura mínima del elemento.
`min-width`	Se especifica el ancho mínimo del elemento.
`width`	Se especifica el ancho del elemento.

Atributo de contenido (Content)

Atributo	Descripción
`content`	Se inserta el contenido generado.
`quotes`	Se especifica la comilla utilizada para las comillas incrustadas.
`counter-reset`	Se crea o se restablece un valor de contador o varios.
`counter-increment`	Se incrementa un valor de contador o varios.

Diseño de cajas Flex (Flex)

Atributo	Descripción
`align-content`	Se especifica la forma de alinear los proyectos del contenedor flexible en el contenedor flexible.
`align-items`	Se especifica el modo de alineación predeterminado para los proyectos en el contenedor flexible.
`align-self`	Se especifica la forma de alinear el proyecto seleccionado en el contenedor elástico.
`flex`	Se especifica la componente de longitud elástica.
`flex-basis`	Se especifica el tamaño inicial principal del elemento elástico.
`flex-direction`	Se especifica la dirección del elemento elástico.
`flex-flow`	`flex-direction`y`flex-wrap`propiedad abreviada de la propiedad
`flex-grow`	Se especifica la forma en que el elemento elástico crece en comparación con otros elementos dentro del contenedor flexible.
`flex-shrink`	Se especifica la forma de contraer el elemento flexible en comparación con otros elementos dentro del contenedor flexible.
`flex-wrap`	Se especifica si se debe envolver el objeto flexible.
`justify-content`	Se especifica cómo alinean los elementos elásticos a lo largo del eje principal del contenedor elástico después de resolver cualquier longitud elástica y margen automático.
`order`	Se especifica el orden de visualización y disposición de los elementos elásticos en el contenedor elástico.

Atributo de fuente (Fonts)

Atributo	Descripción
`font`	Se definen varios atributos de fuente en una declaración.
`font-family`	Se define la lista de fuentes del elemento.
`font-size`	Se define el tamaño de la fuente del texto.
`font-size-adjust`	Se mantiene la legibilidad del texto cuando ocurre el retroceso de la fuente.
`font-stretch`	Se selecciona una fuente común, comprimida o expandida de la fuente.
`font-style`	Se define el estilo de la fuente del texto.
`font-variant`	Se especifica la variante de la fuente.
`font-weight`	Se especifica el grosor de la fuente del texto.

Atributo de lista (Lists)

Atributo	Descripción
`list-style`	Se define el estilo de visualización de la lista y los elementos de la lista.
`list-style-image`	Se especifica la imagen utilizada como marcador del elemento de la lista.
`list-style-position`	Se especifica la posición del marcador del elemento de la lista.
`list-style-type`	Se especifica el estilo de marcador para los elementos de la lista.

Atributo de margen (Margin)

Atributo	Descripción
`margin`	Se establece el margen en todas las cuatro caras del elemento.
`margin-bottom`	Se establece el margen inferior del elemento.
`margin-left`	Se establece el margen izquierdo del elemento.
`margin-right`	Se establece el margen derecho del elemento.
`margin-top`	Se establece el margen superior del elemento.

Atributo de diseño de múltiples columnas (Column)

Atributo	Descripción
`column-count`	Se especifica el número de columnas en los elementos múltiples.
`column-fill`	Se especifica cómo rellenar las columnas.
`column-gap`	Se especifica el espacio entre cada columna de elementos múltiples.
`column-rule`	Se especifica la línea recta o "regla" dibujada entre cada columna de elementos múltiples.
`column-rule-color`	especificar el color de la regla que se dibujará entre las columnas en una disposición multicolumna.
`column-rule-style`	especificar el estilo de la regla que se dibujará entre las columnas en una disposición multicolumna.
`column-rule-width`	especificar el ancho regular que se dibujará entre las columnas en una disposición multicolumna.
`column-span`	especificar cuántas columnas cruzará el elemento en una disposición multicolumna.
`column-width`	especificar el ancho óptimo de una columna en elementos múltiples en una disposición multicolumna.
`columns`	usado para configurar`column-width`y`column-count`propiedad abreviada de la propiedad

propiedades de contorno(Outline)

Atributo	Descripción
`outline`	establecer el ancho, el estilo y el color de todos los cuatro lados del contorno del elemento.
`outline-color`	establecer el color del contorno.
`outline-offset`	establecer el espacio entre el contorno y el borde del elemento.
`outline-style`	establecer el estilo del contorno.
`outline-width`	establecer el ancho de la contorno.

propiedades de relleno(Padding)

Atributo	Descripción
`padding`	establecer el relleno en todas las cuatro caras del elemento.
`padding-bottom`	establecer el relleno en la parte inferior del elemento.
`padding-left`	establecer el relleno en el lado izquierdo del elemento.
`padding-right`	establecer el relleno en el lado derecho del elemento.
`padding-top`	establecer el relleno en la parte superior del elemento.

propiedades de impresión(Print)

Atributo	Descripción
`page-break-after`	insertar un símbolo de paginación después del elemento.
`page-break-before`	insertar un símbolo de paginación antes del elemento.
`page-break-inside`	insertar un símbolo de paginación dentro del elemento.

propiedades de tabla(Table)

Atributo	Descripción
`border-collapse`	especificar si se conectarán o separarán los bordes de las celdas de la tabla.
`border-spacing`	establecer el espacio entre los bordes de las celdas de tabla adyacentes.
`caption-side`	especificar la posición del título de la tabla.
`empty-cells`	mostrar u ocultar los bordes y el fondo de las celdas de tabla vacías.
`table-layout`	especificar el algoritmo de layout de tabla.

propiedades de texto(Text)

Atributo	Descripción
`direction`	definir la dirección del texto/direction of writing
`tab-size`	especificar la longitud del tabulador.
`text-align`	establecer el alineamiento horizontal del contenido en línea.
`text-align-last`	especificar cuando`text-align`cómo alinear el último renglón del bloque o el carácter de salto de línea forzado antes de él cuando`justify`.
`text-decoration`	especificar la decoración que se añadirá al texto.
`text-decoration-color`	el color especificado`text-decoration-line`.
`text-decoration-line`	especificar qué tipo de decoración de línea se añadirá al elemento.
`text-decoration-style`	especificar`text-decoration-line`el estilo de línea especificado por la propiedad
`text-indent`	indentar el primer renglón del texto.
`text-justify`	especificar cuando`text-align`el método de alineación utilizado cuando se establece la propiedad`justify`.
`text-overflow`	especificar cómo se mostrará el contenido del texto cuando se sobrepase el contenedor del bloque.
`text-shadow`	aplicar una o más sombras al contenido del texto del elemento.
`text-transform`	convertir el texto a mayúsculas o minúsculas.
`line-height`	establecer la altura entre las líneas de texto.
`vertical-align`	establecer la posición vertical del elemento en relación con la línea base del texto actual.
`letter-spacing`	establecer el espacio adicional entre las letras.
`word-spacing`	Establecer el espacio entre las palabras.
`white-space`	Especificar cómo manejar los espacios en el interior del elemento.
`word-break`	Especificar cómo hacer saltos de línea dentro de una palabra.
`word-wrap`	Especificar si se debe interrumpir la palabra cuando el contenido excede los límites del contenedor.

Atributo de transformación (Transform)

Atributo	Descripción
`backface-visibility`	Especificar si la 'cara trasera' del elemento transformado es visible cuando se enfrenta al usuario.
`perspective`	Definir la perspectiva de todos los elementos subordinados que se ven desde el objeto.
`perspective-origin`	Definir el punto de origen de las propiedades de perspectiva (3el punto de fuga del espacio D).
`transform`	Daplicar2Do3Daplicar la transformación al elemento.
`transform-origin`	Definir el punto de origen del elemento.
`transform-style`	Especificar cómo3Renderizar elementos anidados en el espacio D.

Atributo de transición (Transition)

Atributo	Descripción
`transition`	Definir la transición entre dos estados del elemento.
`transition-delay`	Especificar cuándo comienza el efecto de transición.
`transition-duration`	Especificar el número de segundos o milisegundos que debe durar el efecto de transición.
`transition-property`	Especificar el nombre del atributo CSS al que se debe aplicar el efecto de transición.
`transition-timing-function`	Especificar la curva de velocidad de la función de transición.

Atributo de formato visual

Atributo	Descripción
`display`	Especificar cómo se muestra el elemento en la pantalla.
`position`	Especificar cómo posicionar el elemento.
`top`	Especificar la posición del borde superior del elemento posicionado.
`right`	Especificar la posición del borde derecho del elemento posicionado.
`bottom`	Especificar la posición del borde inferior del elemento posicionado.
`left`	Especificar la posición del borde izquierdo del elemento de posicionamiento.
`float`	Especificar si un cuadro debe flotar.
`clear`	Especificar la posición del elemento en relación con los elementos flotantes.
`z-index`	Especificar la orden de capas o el orden de apilamiento de elementos del elemento de posicionamiento.
`overflow`	Especificar el manejo del contenido dentro del cuadro del elemento que sobrepasa.
`overflow-x`	Especificar cómo manejar el contenido cuando el contenido excede el ancho del área de contenido del elemento.
`overflow-y`	Especificar cómo manejar el contenido cuando el contenido excede la altura del área de contenido del elemento.
`resize`	Especificar si un elemento puede ser ajustado en tamaño por el usuario.
`clip`	Definir el área de recorte.
`visibility`	Especificar si un elemento es visible.
`cursor`	Especificar el tipo de cursor.
`box-shadow`	Aplicar una o más sombras al cuadro de un elemento.
`box-sizing`	Cambiar el modelo de cuadro predeterminado de CSS.

Regla @ de CSS (At)-rules)CSS z-Atributo index