#

CSS supports more than 200 CSS properties. Here's a complete list.
Click a name for details.

Property
align-content
align-items
align-self
all
animation
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-timing-function
backface-visibility
background
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-bottom
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-shadow
box-sizing
caption-side
caret-color
@charset
clear
clip
clip-path
color
column-count
column-fill
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width
column-span
column-width
columns
content
counter-increment
counter-reset
cursor
direction
display
empty-cells
filter
flex
flex-basis
flex-direction
flex-flow
flex-grow
flex-shrink
flex-wrap
float
font
@font-face
font-family
font-kerning
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
grid

grid-area
grid-auto-columns
grid-auto-flow
grid-auto-rows

grid-column
grid-column-end
grid-column-gap
grid-column-start
grid-gap
grid-row
grid-row-end
grid-row-gap
grid-row-start
grid-template
grid-template-areas
grid-template-columns
grid-template-rows
height
hyphens
@import
justify-content
@keyframes
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
@media
min-height
min-width
object-fit
object-position
opacity
order
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
perspective
perspective-origin
pointer-events
position
quotes
right
scroll-behavior
table-layout
text-align
text-align-last
text-decoration
text-decoration-color
text-decoration-line
text-decoration-style
text-indent
text-justify
text-overflow
text-shadow
text-transform
top
transform
transform-origin
transform-style
transition
transition-delay
transition-duration
transition-property
transition-timing-function
user-select
vertical-align
visibility
white-space
width
word-break
word-spacing
word-wrap
writing-mode
z-index
Description
Aligns items in a flex container along flex lines.
Aligns evenly spaced items in a flex container.
Aligns an item inside a flex container.
Resets all element properties to its default or inherited values.
Creates an animating element.
Sets a delay before an animation begins.
Sets how, in which direction, an animation is played.
Defines the duration of an animation cycle.
Defines how styles are applied before and after animation.
Sets the number of times an animation is played.
Defines a name for the animation.
Sets the animation play state to running or paused.
Specifies the animation speed curve.
Shows or hides the backface visibility of an element.
Sets the background of an element.
Defines how the background is attached to an element.
Defines the background layer blending mode.
Defines how background extends beyond the element.
Sets the background color of the element.
Specifies a background image for an element.
Specifies the background image origin position.
Sets the position of a background image.
Specifies how the background image is repeated.
Sets the size of the background image.
Specifies a border for an element
Specifies a bottom border for an element.
Sets the color of a bottom border .
Sets the border radius of the bottom left corner.
Sets the border radius of the bottom right corner
Sets the style of the bottom border.
Sets the width of the bottom border
Sets table borders to single collapsed line or separated.
Sets the color of the border.
Defines an image as border, instead of a color.
Sets how far a border image extends beyond the border.
Defines if and how the border image is repeated.
Defines how the border image will be sliced.
Specifies the url of the border image file.
Sets the width of the image border.
Sets the left border of the element.
Sets the color of the left border.
Sets the style of the left border.
Sets the width of the left border.
Sets the radius of the border.
Sets the right border of the element.
Sets the color of the right border.
Sets the style of the right border.
Sets the width of the right border.
Sets the adjacent table cell distance.
Defines the style of the border
Sets the top border of the element.
Sets the color of the top border.
Sets the border radius of the top left corner.
Sets the border radius of the top right corner.
Sets the style of the top border.
Sets the width of the top border.
Sets the border width of the element.
Positions the element from the bottom of the relative container.
Adds a shadow effect to an element.
Sets how element height and width are calculated.
Defines on which side of the table a caption is placed.
Sets the color of the blinking mouse caret.
Specifies the character encoding of the stylesheet.
Sets the element side that does not allow floating elements.
Sets how an image is cropped or clipped inside a container.
Clips an element inside a specific shape or SVG.
Specifies the color of text in an element.
Divides an element into the specified number of columns.
Specifies how divided columns are filled.
Specifies the space between divided columns.
Sets the style, width, and color of a column divider.
Sets the color of a column divider.
Sets the style of a column divider.
Sets the width of a column divider.
Sets number of divided columns an element should span.
Specifies the width of a divided column.
Divide an element into columns of a certain width.
Used to insert content before or after an element.
Increase or decrease a CSS counter.
Initialize or reset CSS counter.
Specifies the shape of the mouse cursor.
Specifies the text writing direction of a block-level element.
Specify an element's display behavior.
Specifies whether empty table cell borders will be displayed.
Adds an image enhancing effect to an image.
Specifies the width of the flexible items.
Specifies the initial width of a flex item.
Specifies the direction for the flex item to align.
Controls the direction and wrapping of flexible items.
Specifies how a flex item can grow inside the container.
Specifies how a flex item can shrink inside the container.
Specifies how flexible items wrap inside the container.
Sets how an element is positioned relative to other elements.
Sets font family, variant, weight, height, and size for an element.
Embeds a custom font inside a web page
Sets the font family for an element.
Sets the spacing between the font's characters.
Sets the size of the font for an element.
Specifies a fall-back font size.
Sets the text characters to a wider or narrower variant.
Set the font style to normal, italic, or oblique.
Specifies that text is displayed in a small-caps font.
Sets the weight or thickness of the font.
Defines a grid layout with responsive rows and columns.

Sets the size and location of grid items in a grid container.

Specifies the size of the columns in a grid container.
Specifies the initial placement of items in a grid container.
Specifies the initial size of the items in a grid container.

Specifies the size and location of a grid item in a grid container.

Specifies in which column-line the grid item will end.
Specifies the gap size between columns in a grid container.
Specifies in which column line the grid item will start.
Specifies the gap size between grid rows and columns.
Specifies the grid item size and location in a grid container.
Specifies in which row-line the grid item will end.
Specifies the gap size between rows in a grid container.
Specifies in which row line the grid item will start
Divides a page into sections with a size, position, and layer.
Specifies area in a grid container.
Sets the number and width of columns in a grid container.
Sets the number and height of rows in a grid container.
Sets the height of an element.
Specifies hyphenation with wrap opportunities in a line of text.
Imports a style sheet inside another style sheet.
Defines the alignment of items in a flex container.
Defines the CSS style to animate.
Positions the element from the left of the relative container.
Sets the spacing between characters.
Sets the vertical spacing between lines of text.
Defines the markers (bullet points) for items in a list.
Defines an image markers (bullet points) for items in a list.
Sets the marker (bullet point) positions for items in a list
Defines the marker types (bullet points) for items in a list
Sets the margin (outside spacing) for an element.
Sets the bottom margin (outside spacing) for an element.
Sets the left margin (outside spacing) for an element.
Sets the right margin (outside spacing) for an element.
Sets the top margin (outside spacing) for an element.
Sets the maximumn height for an element.
Sets the maximum width for an element.
Applies media queries to a page.
Sets the minimum height for an element.
Sets the minimum width for an element.
Specifies how an image or video fits inside a container.
Specifies the image or video position inside a container.
Sets the opacity (transparency) of the element.
Specifies the order of an item in a flex container.
Adds an outline (highlighted border) to an element.
Sets the color of an outline.
Sets the space between the outline and border.
Sets the style of an outline.
Sets the width of an outline.
Specifies the flow of content that exceeds the container.
Specifies the flow of content that exceeds the container width.
Specifies the flow of content that exceeds the container height.
Sets the spacing between content and element border.
Sets the spacing between content and bottom element border.
Sets the spacing between content and left element border.
Sets the spacing between content and right element border.
Sets the spacing between content and top element border.
Adds a print page-break after an element.
Adds a print page-break before an element.
Specifies if print page-break is allowed inside an element.
Adds perspective to a 3D-positioned element.
Sets the origin of the perspective for a 3D-positioned element.
Specifies whether element reacts to pointer events or not.
Sets the element's positioning method.
Defines the quotation marks to be used on text.
Positions the element from the right of the relative container.
Specifies the scrolling behavior of an element
Aligns elements according to a table with rows and columns.
Sets the alignment of text inside an element.
Sets the alignment for the last line of text.
Defines the style and color of underlined text.
Defines the color of underlined text.
Defines the kind of line to use with text.
Defines the style of underlined text.
Sets the indentation to the beginning of text.
Defines the text justification inside a container.
Sets the display behavior of text that overflows a container.
Adds a shadow effect to text.
Defines text capitalization or casing.
Positions the element from the top of the relative container
Applies a 2D or 3D transformation to an element.
Sets the origin for the transformation of the element.
Specifies the display behavior of 3D space nested elements.
Creates transitions from one property value to another.
Creates a delay before the transition effect starts.
Specifies the time the transition will take.
Specifies the CSS property that will transition.
Defines the speed curve function of the transition.
Specifies how text can be selected (highlighted)
Specifies vertical alignment of an element.
Specifies the visibility of an element.
Specifies how white-space is handled inside an element.
Sets the width of an element.
Specifies how line breaks take place.
Sets the spacing between words.
Specifies how long words can be wrapped.
Sets the text reading orientation: top to bottom, etc.
Sets the vertical stacking order relative to other elements.
 Descripción
Alinea elementos en un contenedor flexible a lo largo de líneas flexibles.
Alinea elementos espaciados uniformemente en un contenedor flexible.
Alinea un elemento dentro de un contenedor flexible.
Restablece todas las propiedades del elemento a sus valores predeterminados o heredados.
Crea un elemento animado.
Establece un retraso antes de que comience una animación.
Establece cómo y en qué dirección se reproduce una animación.
Define la duración de un ciclo de animación.
Define cómo se aplican los estilos antes y después de la animación.
Establece el número de veces que se reproduce una animación.
Define un nombre para la animación.
Establece el estado de reproducción de la animación en ejecución o en pausa.
Especifica la curva de velocidad de la animación.
Muestra u oculta la visibilidad de la cara posterior de un elemento.
Establece el fondo de un elemento.
Define cómo se adjunta el fondo a un elemento.
Define el modo de fusión de la capa de fondo.
Define cómo se extiende el fondo más allá del elemento.
Establece el color de fondo del elemento.
Especifica una imagen de fondo para un elemento.
Especifica la posición de origen de la imagen de fondo.
Establece la posición de una imagen de fondo.
Especifica cómo se repite la imagen de fondo.
Establece el tamaño de la imagen de fondo.
Especifica un borde para un elemento
Especifica un borde inferior para un elemento.
Establece el color de un borde inferior.
Establece el radio del borde de la esquina inferior izquierda.
Establece el radio del borde de la esquina inferior derecha
Establece el estilo del borde inferior.
Establece el ancho del borde inferior
Establece los bordes de la tabla en una sola línea contraída o separada.
Establece el color del borde.
Define una imagen como borde, en lugar de un color.
Establece hasta qué punto se extiende una imagen de borde más allá del borde.
Define si se repite la imagen del borde y cómo.
Define cómo se cortará la imagen del borde.
Especifica la URL del archivo de imagen del borde.
Establece el ancho del borde de la imagen.
Establece el borde izquierdo del elemento.
Establece el color del borde izquierdo.
Establece el estilo del borde izquierdo.
Establece el ancho del borde izquierdo.
Establece el radio del borde.
Establece el borde derecho del elemento.
Establece el color del borde derecho.
Establece el estilo del borde derecho.
Establece el ancho del borde derecho.
Establece la distancia de la celda de la tabla adyacente.
Define el estilo del borde.
Establece el borde superior del elemento.
Establece el color del borde superior.
Establece el radio del borde de la esquina superior izquierda.
Establece el radio del borde de la esquina superior derecha.
Establece el estilo del borde superior.
Establece el ancho del borde superior.
Establece el ancho del borde del elemento.
Posiciona el elemento desde la parte inferior del contenedor relativo.
Añade un efecto de sombra a un elemento.
Establece cómo se calculan la altura y el ancho del elemento.
Define en qué lado de la tabla se coloca un título.
Establece el color del cursor parpadeante del mouse.
Especifica la codificación de caracteres de la hoja de estilo.
Establece el lado del elemento que no permite elementos flotantes.
Establece cómo se recorta una imagen dentro de un contenedor.
Recorta un elemento dentro de una forma o SVG específico.
Especifica el color del texto en un elemento.
Divide un elemento en el número especificado de columnas.
Especifica cómo se rellenan las columnas divididas.
Especifica el espacio entre columnas divididas.
Establece el estilo, el ancho y el color de un divisor de columna.
Establece el color de un divisor de columna.
Establece el estilo de un divisor de columna.
Establece el ancho de un divisor de columna.
Establece el número de columnas divididas que debe abarcar un elemento.
Especifica el ancho de una columna dividida.
Dividir un elemento en columnas de un ancho determinado.
Se utiliza para insertar contenido antes o después de un elemento.
Aumentar o disminuir un contador CSS.
Inicializar o restablecer el contador CSS.
Especifica la forma del cursor del mouse.
Especifica la dirección de escritura del texto de un elemento a nivel de bloque.
Especifica el comportamiento de visualización de un elemento.
Especifica si se mostrarán los bordes de las celdas de la tabla vacías.
Añade un efecto de mejora de imagen a una imagen.
Especifica el ancho de los elementos flexibles.
Especifica el ancho inicial de un elemento flexible.
Especifica la dirección en la que se debe alinear el elemento flexible.
Controla la dirección y el envoltura de elementos flexibles.
Especifica cómo un elemento flexible puede crecer dentro del contenedor.
Especifica cómo un elemento flexible puede encogerse dentro del contenedor.
Especifica cómo se envuelven los elementos flexibles dentro del contenedor.
Establece cómo se posiciona un elemento en relación con otros elementos.
Establece la familia de fuentes, la variante, el peso, la altura y el tamaño de un elemento.
Incorpora una fuente personalizada dentro de una página web
Establece la familia de fuentes para un elemento.
Establece el espaciado entre los caracteres de la fuente.
Establece el tamaño de la fuente de un elemento.
Especifica un tamaño de fuente alternativo.
Establece los caracteres del texto en una variante más ancha o más estrecha.
Establezca el estilo de fuente en normal, cursiva u oblicua.
Especifica que el texto se muestra en letra pequeña.
Establece el peso o grosor de la fuente.
Define un diseño de cuadrícula con filas y columnas adaptables.
Establece el tamaño y la ubicación de los elementos de la cuadrícula en un contenedor de cuadrí

Especifica el tamaño de las columnas en un contenedor de cuadrícula.

Especifica la ubicación inicial de los elementos en un contenedor de cuadrícula.
Especifica el tamaño inicial de los elementos en un contenedor de cuadrícula.
Especifica el tamaño y la ubicación de un elemento de la cuadrícula en un contenedor de la
cuadrícula.
Especifica en qué línea de columna finalizará el elemento de la cuadrícula.
Especifica el tamaño del espacio entre columnas en un contenedor de cuadrícula.
Especifica en qué línea de columna comenzará el elemento de la cuadrícula.
Especifica el tamaño del espacio entre las filas y columnas de la cuadrícula.
Especifica el tamaño y la ubicación del elemento de la cuadrícula en un contenedor de cuadrícula

Especifica en qué línea de fila finalizará el elemento de la cuadrícula.

Especifica el tamaño del espacio entre filas en un contenedor de cuadrícula.
Especifica en qué línea de fila comenzará el elemento de la cuadrícula
Divide una página en secciones con un tamaño, posición y capa.
Especifica el área en un contenedor de cuadrícula.
Establece el número y el ancho de las columnas en un contenedor de cuadrícula.
Establece el número y la altura de las filas en un contenedor de cuadrícula.
Establece la altura de un elemento.
Especifica la separación de palabras con oportunidades de ajuste en una línea de texto.
Importa una hoja de estilo dentro de otra hoja de estilo.
Define la alineación de elementos en un contenedor flexible.
Define el estilo CSS a animar.
Posiciona el elemento desde la izquierda del contenedor relativo.
Establece el espaciado entre caracteres.
Establece el espaciado vertical entre líneas de texto.
Define los marcadores (viñetas) para los elementos de una lista.
Define marcadores de imagen (viñetas) para los elementos de una lista.
Establece las posiciones de los marcadores (viñetas) para los elementos de una lista
Define los tipos de marcadores (viñetas) para los elementos de una lista
Establece el margen (espacio exterior) de un elemento.
Establece el margen inferior (espacio exterior) de un elemento.
Establece el margen izquierdo (espacio exterior) de un elemento.
Establece el margen derecho (espacio exterior) para un elemento.
Establece el margen superior (espacio exterior) de un elemento.
Establece la altura máxima de un elemento.
Establece el ancho máximo de un elemento.
Aplica consultas de medios a una página.
Establece la altura mínima para un elemento.
Establece el ancho mínimo de un elemento.
Especifica cómo encaja una imagen o un vídeo dentro de un contenedor.
Especifica la posición de la imagen o el vídeo dentro de un contenedor.
Establece la opacidad (transparencia) del elemento.
Especifica el orden de un elemento en un contenedor flexible.
Agrega un contorno (borde resaltado) a un elemento.
Establece el color de un contorno.
Establece el espacio entre el contorno y el borde.
Establece el estilo de un contorno.
Establece el ancho de un contorno.
Especifica el flujo de contenido que excede el contenedor.
Especifica el flujo de contenido que excede el ancho del contenedor.
Especifica el flujo de contenido que excede la altura del contenedor.
Establece el espaciado entre el contenido y el borde del elemento.
Establece el espaciado entre el contenido y el borde del elemento inferior.
Establece el espaciado entre el contenido y el borde izquierdo del elemento.
Establece el espaciado entre el contenido y el borde derecho del elemento.
Establece el espaciado entre el contenido y el borde del elemento superior.
Agrega un salto de página de impresión después de un elemento.
Agrega un salto de página de impresión antes de un elemento.
Especifica si se permite imprimir saltos de página dentro de un elemento.
Agrega perspectiva a un elemento posicionado en 3D.
Establece el origen de la perspectiva para un elemento posicionado en 3D.
Especifica si el elemento reacciona a los eventos de puntero o no.
Establece el método de posicionamiento del elemento.
Define las comillas que se utilizarán en el texto.
Posiciona el elemento desde la derecha del contenedor relativo.
Especifica el comportamiento de desplazamiento de un elemento.
Alinea elementos según una tabla con filas y columnas.
Establece la alineación del texto dentro de un elemento.
Establece la alineación de la última línea de texto.
Define el estilo y el color del texto subrayado.
Define el color del texto subrayado.
Define el tipo de línea a utilizar con el texto.
Define el estilo del texto subrayado.
Establece la sangría al principio del texto.
Define la justificación del texto dentro de un contenedor.
Establece el comportamiento de visualización del texto que desborda un contenedor.
Añade un efecto de sombra al texto.
Define el uso de mayúsculas y minúsculas en el texto.
Posiciona el elemento desde la parte superior del contenedor relativo
Aplica una transformación 2D o 3D a un elemento.
Establece el origen para la transformación del elemento.
Especifica el comportamiento de visualización de elementos anidados en el espacio 3D.
Crea transiciones de un valor de propiedad a otro.
Crea un retraso antes de que comience el efecto de transición.
Especifica el tiempo que tardará la transición.
Especifica la propiedad CSS que realizará la transición.
Define la función de curva de velocidad de la transición.
Especifica cómo se puede seleccionar el texto (resaltarlo)
Especifica la alineación vertical de un elemento.
Especifica la visibilidad de un elemento.
Especifica cómo se manejan los espacios en blanco dentro de un elemento.
Establece el ancho de un elemento.
Especifica cómo se producen los saltos de línea.
Establece el espaciado entre palabras.
Especifica la longitud con la que se pueden ajustar las palabras.
Establece la orientación de lectura del texto: de arriba a abajo, etc.
Establece el orden de apilamiento vertical en relación con otros elementos.