Listado completo de propiedades CSS

Propiedad Descripción Valores admitidos

flexbox align-content: flex-start | flex-end |
Especifica la alineación predeterminada de los elementos
center | space-between | space-around | stretch;
align-content dentro del contenedor flexible cuando dichos elementos
grid align-content: start | end | center | space-
ocupan más de una linea.
between | space-around | stretch | space-evenly
flexbox align-items: flex-start | flex-end |
Especifica la alineación predeterminada de los elementos
center | baseline | stretch;
align-items dentro del contenedor flexible cuando dichos elementos
grid align-items: start | end | center | baseline |
ocupan una sola linea.
stretch;
flexbox align-self: flex-start | flex-end | center
Especifica la alineación de los elementos seleccionados
align-self | baseline | stretch;
dentro del contenedor flexible.
grid align-self: start | end | center | stretch
Establece el valor de todas las propiedades del elemento
all initial | inherit | unset
seleccionado.
nombre duración retardo número-de-
animation Especifica las animaciones basadas en keyframes.
iteraciones dirección estado-de-la-animación
Define el número de segundos (s) o milisegundos (ms) a
animation-delay time | initial | inherit;
esperar antes de que comience la animación
Define si una animación debe reproducirse hacia adelante, normal | reverse | alternate | alternate-reverse |
animation-direction
hacia atrás o en ciclos alternos initial | inherit;
Especifica cuánto tiempo debe tomar una animación para
animation-duration time | initial | inherit;
completar un ciclo.
Especifica un estilo para el elemento cuando la animación no none | forwards | backwards | both | initial |
animation-fill-mode
se está reproduciendo. inherit;
animation-iteration- Indica el número de veces que se debe reproducir una
number | infinite | initial | inherit;
count animación.
animation-name Especifica un nombre para la animación @keyframes. nombrekeyframe | none | initial | inherit;
animation-play- Esta propiedad indica si la animación está en ejecución o en
paused | running | initial | inherit;
state pausa.
linear | ease | ease-in | ease-out | ease-in-out |
animation-timing- Especifica el TIEMPO que usa una animación para cambiar
step-start | step-end | steps(int,start|end) |
function de un conjunto de estilos CSS a otro.
cubic-bezier(n,n,n,n) | initial | inherit;
Define si la cara posterior de un elemento debe ser visible o
no cuando mira al usuario.
backface-visibility visible | hidden | initial | inherit;
Esta propiedad es útil cuando se gira un elemento. Te permite
elegir si el usuario debe ver la cara posterior o no.
Es una propiedad abreviada para:
background-color
background-image
background-position bg-color bg-image position/bg-size bg-repeat
background background-size bg-origin bg-clip bg-attachment initial |
background-repeat inherit;
background-origin
background-clip
background-attachment
background- Establece si una imagen de fondo se desplaza con el resto de
scroll | fixed | local | initial | inherit;
attachment la página o si es fija.
normal | multiply | screen | overlay | darken |
background-blend- Define el modo de fusión de cada capa de fondo (color y/o
lighten | color-dodge | saturation | color |
mode imagen).
luminosity;
Indica hasta dónde debe extenderse el fondo (color o imagen) border-box | padding-box | content-box | initial
background-clip
dentro de un elemento. | inherit;
background-color Establece el color de fondo de un elemento. color | transparent | initial | inherit;
background-image Establece una o más imágenes de fondo para un elemento. url | none | initial | inherit;
 Listado completo de propiedades CSS

Especifica la posición de origen (el área de posicionamiento padding-box | border-box | content-box | initial
background-origin
de fondo) de una imagen de fondo. | inherit;
left top
left center
left bottom
right top
Establece la posición inicial de una imagen de fondo. El
background- right center
primer valor es la posición horizontal y el segundo la posición
position right bottom
vertical.
center top
center center
center bottom
etc.
repeat | repeat-x | repeat-y | no-repeat | initial |
background-repeat Estable cómo o sí se repetirá una imagen de fondo.
inherit;
background-size Establece el tamaño de las imágenes de fondo. auto | length | cover | contain | initial | inherit;
Es una abreviatura de las propiedades:
border-width border-width border-style border-color | initial
border
border-style (requerido) | inherit;
border-color
Es una abreviatura de las propiedades:
border-bottom-width border-width border-style border-color | initial
border-bottom *
border-bottom-style | inherit;
border-bottom-color
border-bottom-
Establece el color del borde inferior de un elemento. color | transparent | initial | inherit;
color *
border-bottom-left-
Define el radio de la esquina inferior izquierda. length | % [length|%] | initial | inherit;
radius *
border-bottom-
Define el radio de la esquina inferior derecha. length |% [length |%] | initial | inherit;
right-radius *
border-bottom-style none | hidden | dotted | dashed | solid | double |
Establece el estilo del borde inferior de un elemento
* groove | ridge | inset | outset | initial | inherit;
border-bottom-
Establece el ancho del borde inferior de un elemento. medium | thin | thick | length | initial | inherit;
width *
En las propiedades
marcadas con un top: Hace referencia al borde superior
asterisco, bottom es left: Hace referencia al borde izquierdo
sustituible por top, right: Hace referencia al borde derecho.
left y right.
Establece si los bordes de la tabla deben contraerse en un solo
border-collapse separate | collapse | initial | inherit;
borde o estar separados como en HTML estándar
Establece el color de los cuatro bordes de un elemento. Esta
propiedad puede tener de uno a cuatro valores para especificar
border-color color | transparent | initial | inherit;
el color de los bordes superior, derecha, inferior e izquierda
respectivamente.
Permite especificar una imagen para usarla como borde source slice width outset repeat | initial |
border-image
alrededor de un elemento inherit;
Especifica la cantidad en la que el área de la imagen del borde
border-image-outset length | number | initial | inherit;
se extiende más allá del cuadro del borde.
border-image- Especifica si la imagen del borde debe repetirse, redondearse,
stretch | repeat | round | space | initial | inherit;
repeat espaciarse o estirarse
Especifica cómo dividir la imagen indicada por border-image-
border-image-slice source. La imagen siempre se divide en nueve secciones: number | % | fill | initial | inherit;
cuatro esquinas, cuatro bordes y el medio.
border-image- Especifica la ruta a la imagen que se usará como borde (en
none | image | initial | inherit;
source lugar del borde normal alrededor de un elemento).
border-image-width Establece el ancho de la imagen del borde. number | % | auto | initial | inherit;
 Listado completo de propiedades CSS

border-radius Define el radio de las esquinas del borde del elemento. length | % / 1-4 length | % | initial | inherit;
Establece la distancia entre los bordes de las celdas
border-spacing length | initial | inherit;
adyacentes.
Establece el estilo de los cuatro bordes de un elemento. Esta none | hidden | dotted | dashed | solid | double |
border-style
propiedad puede tener de uno a cuatro valores. groove | ridge | inset | outset | initial | inherit;
Establece el ancho de los cuatro bordes de un elemento. Esta
border-width medium | thin | thick | length | initial | inherit;
propiedad puede tener de uno a cuatro valores
Afecta a la posición vertical de un elemento posicionado. Esta
bottom auto | length | initial | inherit;
propiedad no tiene efecto en elementos no posicionados.
Especifica como se aplican las propiedades background,
box-decoration- padding, border, border-image, box-shadow, margin, y clip-
slice | clone | initial | inherit | unset;
break path de un elemento cuando la caja de un elemento está
fragmentada.
none | h-offset v-offset blur spread color | inset
box-shadow Adjunta una o más sombras a un elemento.
| initial | inherit;
Define cómo se calculan el ancho y el alto de un elemento: si
box-sizing content-box | border-box | initial | inherit;
deben incluir relleno y bordes, o no.
Especifica si se debe producir o no un salto de página, un auto | all | always | avoid | avoid-column |
break-after salto de columna o un salto de región después del elemento avoid-page | avoid-region | column | left | page
especificado. | recto | region | right | verso | initial | inherit;
Especifica si se debe producir o no un salto de página, un auto | all | always | avoid | avoid-column |
break-before salto de columna o un salto de región antes del elemento avoid-page | avoid-region | column | left | page
especificado. | recto | region | right | verso | initial | inherit;
Especifica si se debe producir o no un salto de página, un auto | all | always | avoid | avoid-column |
break-inside salto de columna o un salto de región dentro del elemento avoid-page | avoid-region | column | left | page
especificado. | recto | region | right | verso | initial | inherit;
caption-side Especifica la ubicación de un título de tabla top | bottom | initial | inherit;
Especifica el color del cursor (signo de intercalación) en
caret-color auto | color | initial | inherit;
entradas, áreas de texto o cualquier elemento que sea editable.
La regla @charset especifica la codificación de caracteres
@charset @charset «charset»;
utilizada en la hoja de estilo.
clear Controla el flujo junto a los elementos flotantes. none | left | right | both | initial | inherit;
Permite especificar un rectángulo para recortar un elemento
absolutamente posicionado. El rectángulo se especifica como
clip cuatro coordenadas, todas desde la esquina superior izquierda auto | shape | initial | inherit;
del elemento que se va a recortar.
No funciona con «overflow: visible».
clip-source | basic-shape | margin-box | border-
Permite recortar un elemento a una forma básica o a una
clip-path box | padding-box | content-box | fill-box |
fuente SVG.
stroke-box | view-box | none | initial | inherit;
color Establece el color del texto. color | initial | inherit;
Especifica el número de columnas en las que se debe dividir
column-count number | auto | initial | inherit;
un elemento.
column-fill Especifica cómo llenar columnas, equilibradas o no. balance | auto | initial | inherit;
column-gap Establece el espacio entre las columnas. length | normal | initial | inherit;
Establece el ancho, el estilo y el color de la regla entre column-rule-width column-rule-style column-
column-rule
columnas. rule-color | initial | inherit;
column-rule-color Especifica el color de la regla entre columnas. color | initial | inherit;
none | hidden | dotted | dashed | solid | double |
column-rule-style Indica el estilo de la regla entre columnas.
groove | ridge | inset | outset | initial | inherit;
column-rule-width Especifica el ancho de la regla entre columnas. medium | thin | thick | length | initial | inherit;
column-span Especifica cuántas columnas debe abarcar un elemento. none | all | initial | inherit;
column-width Establece el ancho de una columna. auto | length | initial | inherit;
 Listado completo de propiedades CSS

Es una propiedad abreviada para:

auto | column-width column-count | initial |
columns column-width
inherit;
column-count
normal | none | counter | attr | string | open-
Se utiliza con los pseudo-elementos ::before y ::after, para
content quote | close-quote | no-open-quote | no-close-
insertar contenido generado
quote | url | initial | inherit;
counter-increment Aumenta o disminuye el valor de uno o más contadores CSS. none | id | initial | inherit;
Crea o restablece uno o más contadores CSS.
counter-reset Generalmente se usa junto con las propiedades counter- none | name number | initial | inherit;
increment y content.
Especifica el cursor del ratón que se mostrará cuando se
cursor cursor: valor;
apunte sobre un elemento.
Especifica la dirección del texto o la dirección de escritura
direction dentro de un elemento a nivel de bloque. Más ltr | rtl | initial | inherit;
información aquí.
inline | block | contents | flex | grid | inline-
Establece el comportamiento de visualización (el tipo de
display block | inline-flex | inline-table | list-item | run-
cuadro de representación) de un elemento.
in Más información aquí.

empty-cells Establece si mostrar o no los bordes en las celdas vacías de show | hide | initial | inherit;
una tabla.
none | blur() | brightness() | contrast() | drop-
Define efectos visuales (como desenfoque y saturación) a un
filter shadow() | grayscale() | hue-rotate() | invert() |
elemento (a menudo utilizado para imágenes).
opacity() | saturate() | sepia() | url();
Es una propiedad abreviada para:
flex-grow
flex-grow flex-shrink flex-basis | auto | initial |
flex flex-shrink
inherit;
flex-basis
Establece la longitud flexible en elementos flexibles.
flex-basis Especifica la longitud inicial de un elemento flexible. number | auto | initial | inherit;
row | row-reverse | column | column-reverse |
flex-direction Esta propiedad indica la dirección de los elementos flexibles.
initial | inherit;
Es una abreviatura para las propiedades:
flex-direction
flex-flow flex-wrap flex-direction flex-wrap | initial | inherit;
Si los elementos no son elementos flexibles, la propiedad de
flujo flexible no tiene efecto.
Especifica cuánto crecerá el elemento en relación con el resto
flex-grow number | initial | inherit;
de elementos flexibles dentro del mismo contenedor.
Establece cómo se encogerá el elemento en relación con el
flex-shrink number | initial | inherit;
resto de los elementos flexibles dentro del mismo contenedor.
La propiedad especifica si los elementos flexibles deben
flex-wrap nowrap | wrap | wrap-reverse | initial | inherit;
ajustarse o no.
Especifica si un elemento debe flotar a la izquierda, a la
derecha o no flotar en absoluto.
float Los elementos posicionados de manera absoluta ignoran la none | left | right | initial | inherit;
propiedad float. Los elementos junto a un elemento flotante
fluirán a su alrededor. Para evitar esto, use la propiedad clear
Es una abreviatura para las propiedades:
font-style font-style font-variant font-weight font-
font-variant size/line-height font-family | caption | icon |
font
font-weight menu | message-box | small-caption | status-
font-size/line-height bar | initial | inherit;
font-family
 Listado completo de propiedades CSS

@font-face {
Se deben definir un nombre para la fuente (por ejemplo,
@font-face font-properties
miFuente), y luego apuntar al archivo de fuente.
}
Especifica la fuente de texto para un elemento. Es posible
especificar varios nombres de fuente como un sistema
font-family family-name | generic-family | initial | inherit;
«alternativo». Si el navegador no admite la primera fuente,
prueba con la siguiente fuente.
Permite el control sobre características tipográficas avanzadas
font-feature-settings normal | feature-value;
en fuentes OpenType.
Controla el uso de la información de interletraje almacenada
font-kerning auto | normal | none;
en una fuente.
medium | xx-small | x-small | small | large | x-
font-size Establece el tamaño de una fuente. large | xx-large | smaller | larger | length |
initial | inherit;
Le brinda un mejor control del tamaño de la fuente cuando la
primera fuente seleccionada no está disponible. Cuando una
fuente no está disponible, el navegador usa la segunda fuente
font-size-adjust number | none | initial | inherit;
especificada. Esto podría resultar en un gran cambio para el
tamaño de fuente. Para evitar esto, utilice la propiedad font-
size-adjust.
ultra-condensed | extra-condensed | condensed
Le permite hacer que el texto sea más angosto (condensado) o | semi-condensed | normal | semi-expanded |
font-stretch
más ancho (expandido). expanded | extra-expanded | ultra-expanded |
initial | inherit;
font-style Especifica el estilo de fuente para un texto. Normal | italic | oblique | initial | inherit;
Especifica si un texto debe mostrarse o no en mayúsculas
font-variant normal | small-caps | initial | inherit;
pequeñas.
normal | small-caps | all-small-caps | petite-
font-variant-caps Controla el uso de glifos alternativos para letras mayúsculas. caps | all-petite-caps | unicase | titling-caps |
initial | inherit | unset;
Establece qué tan gruesos o delgados deben mostrarse los normal | bold | bolder | lighter | number | initial
font-weight
caracteres del texto. | inherit;
gap Define el tamaño del espacio entre las filas y las columnas. row-gap column-gap;
Es una abreviatura para las propiedades:
grid-template-rows none | grid-template-rows / grid-template-
grid-template-columns columns | grid-template-areas | grid-template-
grid grid-template-areas rows / [grid-auto-flow] grid-auto-
grid-auto-rows columns | [grid-auto-flow] grid-auto-
grid-auto-columns rows / grid-template-columns | initial | inherit;
grid-auto-flow
Especifica el tamaño y la ubicación de un elemento de
cuadrícula en un diseño de cuadrícula y es una propiedad
abreviada para las siguientes propiedades:
grid-row-start / grid-column-start / grid-row-
grid-area grid-row-start
end / grid-column-end | itemname;
grid-column-start
grid-row-end
grid-column-end
grid-auto-columns Establece un tamaño para las columnas en un contenedor grid. auto | max-content | min-content | length;
Controla cómo se insertan en la cuadrícula los elementos row | column | dense | row dense | column
grid-auto-flow
colocados automáticamente. dense;
Establece un tamaño para las filas en un contenedor de
grid-auto-rows auto | max-content | min-content | length;
cuadrícula.
Especifica el tamaño y la ubicación de un elemento de
grid-column cuadrícula en un diseño de cuadrícula y es una propiedad grid-column-start / grid-column-end;
abreviada para las siguientes propiedades:
 Listado completo de propiedades CSS

grid-column-start
grid-column-end
Define cuántas columnas abarcará un elemento, o en qué línea
grid-column-end auto | span n | column-line;
de columna terminará el elemento.
Define el tamaño del espacio entre las columnas en un diseño
grid-column-gap grid-column-gap: length;
de cuadrícula.
grid-column-start Define en qué línea de columna comenzará el elemento. auto | span n | column-line;
Define el tamaño del espacio entre las filas y las columnas en
un diseño de cuadrícula y es una propiedad abreviada para las
grid-gap siguientes propiedades: grid-row-gap grid-column-gap;
grid-row-gap
grid-column-gap
Especifica el tamaño y la ubicación de un elemento de
cuadrícula en un elemento grid y es una propiedad abreviada
grid-row para las siguientes propiedades: grid-row-start / grid-row-end;
grid-row-start
grid-row-end
Define cuántas filas abarcará un elemento, o en qué línea de
grid-row-end auto | row-line | span n;
fila terminará el elemento
Define el tamaño del espacio entre las filas en un diseño de
grid-row-gap grid-row-gap: length;
cuadrícula.
grid-row-start Define en qué línea de fila comenzará el elemento. grid-row-start: auto|row-line;
Es una propiedad abreviada para las siguientes propiedades:
grid-template-rows none | grid-template-rows / grid-template-
grid-template
grid-template-columns columns | grid-template-areas | initial | inherit;
grid-template-areas
grid-template-areas Especifica áreas dentro de un elemento grid. none | itemnames;
grid-template- Especifica el número (y el ancho) de las columnas en un none | auto | max-content | min-content
columns diseño grid. | length | initial | inherit;
Especifica el número (y las alturas) de las filas en un diseño none | auto | max-content | min-content
grid-template-rows
de cuadrícula. | length | initial | inherit;
Especifica si se puede colocar un signo de puntuación fuera
hanging- none | first | last | allow-end | force-end | initial
del cuadro de línea al principio o al final de una línea
punctuation | inherit;
completa de texto.
Establece la altura de un elemento. No incluye relleno, bordes
height auto | length | initial | inherit;
o márgenes.
Define si se permite la separación silábica para crear más
hyphens none | manual | auto | initial | inherit;
oportunidades de ajuste suave dentro de una línea de texto.
Especifica el tipo de algoritmo que se utilizará para escalar la auto | smooth | high-quality | crisp-edges |
image-rendering
imagen. pixelated | initial | inherit;
Regla que le permite importar una hoja de estilo a otra hoja de
@import url | string list-of-mediaqueries;
estilo.
Define si un elemento debe crear un nuevo contenido de
isolation auto | isolate | initial | inherit;
apilamiento.
Alinea los elementos del contenedor flexible cuando los
flex-start | flex-end | center | space-between |
justify-content elementos no utilizan todo el espacio disponible en el eje
space-around | space-evenly | initial | inherit;
principal (horizontalmente).
@keyframes name {keyframes-selector {css-
@keyframes Regla que especifica el código de animación.
styles;}}
Afecta la posición horizontal de un elemento posicionado.
left auto | length | initial | inherit;
Esta propiedad no tiene efecto en elementos no posicionados.
letter-spacing Aumenta o disminuye el espacio entre caracteres en un texto. normal | length | initial | inherit;
line-height Especifica la altura de una línea. normal | number | length | initial | inherit;
Es una abreviatura de las siguientes propiedades: list-style-type list-style-position list-style-
list-style
list-style-type image | initial | inherit;
 Listado completo de propiedades CSS

list-style-position
list-style-image
list-style-image Reemplaza el marcador de elemento de lista con una imagen. none | url | initial | inherit;
Especifica la posición de los marcadores de elementos de lista
list-style-position inside | outside | initial | inherit;
(viñetas).
Especifica el tipo de marcador de elemento de lista en una
list-style-type list-style-type: value;
lista.
Establece los márgenes de un elemento y es una propiedad
abreviada para las siguientes propiedades:
margin-top
margin length | auto | initial | inherit;
margin-right
margin-bottom
margin-left
margin-bottom Establece el margen inferior de un elemento. length | auto | initial | inherit;
margin-left Establece el margen izquierdo de un elemento. length | auto | initial | inherit;
margin-right Establece el margen derecho de un elemento. length | auto | initial | inherit;
margin-top Establece el margen superior de un elemento. length | auto | initial | inherit;
Especifica una imagen que se utilizará como capa de máscara
mask-image none | image | url | initial | inherit;
para un elemento.
Especifica si la imagen de la capa de máscara debe tratarse match-source | luminance | alpha | initial |
mask-mode
como una máscara de luminancia o como una máscara alfa. inherit;
border-box | content-box | padding-box |
Especifica la posición de origen (el área de posición de la
mask-origin margin-box | fill-box | stroke-box | view-box |
máscara) de una imagen de capa de máscara.
initial | inherit;
Establece la posición inicial de una imagen de máscara (en
mask-position mask-position: value;
relación con el área de posición de la máscara).
repeat | repeat-x | repeat-y | space | round | no-
mask-repeat Establece sí o cómo se repetirá una imagen de máscara.
repeat | initial | inherit;
mask-size Especifica el tamaño de la imagen de la capa de máscara. auto | size | contain | cover | initial | inherit;
max-height Define la altura máxima de un elemento. none | length | initial | inherit;
max-width Define la anchura máxima de un elemento. none | length | initial | inherit;
@media not | only type and (feature and | or |
La regla se usa para aplicar diferentes estilos para diferentes not mediafeature) {
@media
tipos de medios/dispositivos. CSS-Code;
}
min-height Define la altura mínima de un elemento. length | initial | inherit;
min-width Define la anchura mínima de un elemento. length | initial | inherit;
normal | multiply | screen | overlay | darken |
Especifica cómo el contenido de un elemento debe
mix-blend-mode lighten | color-dodge | color-burn | difference |
combinarse con su fondo principal directo.
exclusion | hue | saturation | color | luminosity;
Se utiliza para especificar cómo se debe cambiar el tamaño de fill | contain | cover | scale-down | none | initial
object-fit
un <img> o <video> para que se ajuste a su contenedor. | inherit;
Se usa junto con object-fit para especificar cómo se debe
object-position colocar un <img> o <video> con las coordenadas x/y dentro position | initial | inherit;
de su «propio cuadro de contenido».
opacity Establece el nivel de opacidad de un elemento. number | initial | inherit;
Especifica el orden de un artículo flexible en relación con el
order number | initial | inherit;
resto de los artículos flexibles dentro del mismo contenedor.
Especifica el número mínimo de líneas que se deben dejar al
orphans integer | initial | inherit;
final de una página o columna.
Es una propiedad abreviada para:
outline-width outline-width outline-style outline-color |
outline
outline-style (obligatoria) initial | inherit;
outline-color
 Listado completo de propiedades CSS

outline-color Especifica el color de un contorno invert | color | initial | inherit;

Agrega espacio entre el contorno y el borde o borde de un
outline-offset length | initial | inherit;
elemento.
none | hidden | dotted | dashed | solid | double |
outline-style Especifica el estilo de un outline.
groove | ridge | inset | outset | initial | inherit;
outline-width Especifica el ancho de un contorno. medium | thin | thick | length | initial | inherit;
Especifica lo que debería suceder si el contenido desborda el
overflow visible | hidden | scroll | auto | initial | inherit;
cuadro de un elemento.
Especifica si el navegador puede o no dividir líneas con normal | anywhere | break-word | initial |
overflow-wrap
palabras largas, si desbordan el contenedor. inherit;
Especifica si se se agrega una barra de desplazamiento o se
muestra el contenido de desbordamiento de un elemento de
overflow-x visible | hidden | scroll | auto | initial | inherit;
nivel de bloque, cuando se desborda en los ejes izquierdos y
derechos.
Especifica si se se agrega una barra de desplazamiento o se
muestra el contenido de desbordamiento de un elemento de
overflow-y visible | hidden | scroll | auto | initial | inherit;
nivel de bloque, cuando se desborda en los ejes inferiores y
superiores.

El padding de un elemento es el espacio entre su contenido y

su borde. Es una propiedad abreviada para:
padding padding-top length | initial | inherit;
padding-right
padding-bottom
padding-left
padding-bottom Establece el padding inferior (espacio) de un elemento. length | initial | inherit;
padding-left Establece el padding inferior (espacio) de un elemento. length | initial | inherit;
padding-right Establece el padding inferior (espacio) de un elemento. length | initial | inherit;
padding-top Establece el padding inferior (espacio) de un elemento. length | initial | inherit;
Agrega un salto de página después de un elemento auto | always | avoid | left | right | initial |
page-break-after
especificado. inherit;
auto | always | avoid | left | right | initial |
page-break-before Agrega un salto de página antes de un elemento especificado.
inherit;
Establece si se debe evitar un salto de página dentro de un
page-break-inside auto | avoid | initial | inherit;
elemento específico.
Se utiliza para dar cierta perspectiva a un elemento
perspective length | none;
posicionado en 3D.
Define desde qué posición el usuario está mirando el
perspective-origin x-axis y-axis | initial | inherit;
elemento posicionado en 3D.
Define si un elemento reacciona o no a los eventos de
pointer-events auto | none;
puntero.
Especifica el tipo de método de posicionamiento utilizado static | absolute | fixed | relative | sticky | initial
position
para un elemento (estático, relativo, absoluto, fijo o pegajoso). | inherit;
quotes Establece el tipo de comillas para las citas. none | string | initial | inherit;
Define si (y cómo) el usuario puede cambiar el tamaño de un none | both | horizontal | vertical | initial |
resize
elemento. inherit;
Afecta la posición horizontal de un elemento posicionado.
right auto | length | initial | inherit;
Esta propiedad no tiene efecto en elementos no posicionados.
row-gap Especifica el espacio entre las filas de la cuadrícula. length | normal | initial | inherit;
Especifica si animar suavemente la posición de
desplazamiento, en lugar de un salto directo, cuando el
scroll-behavior auto | smooth | initial | inherit;
usuario hace clic en un enlace dentro de un cuadro
desplazable.
tab-size Especifica el ancho de un carácter de tabulación. number | length | initial | inherit;
 Listado completo de propiedades CSS

Define el algoritmo utilizado para diseñar las celdas, filas y

table-layout auto | fixed | initial | inherit;
columnas de la tabla.
text-align Indica la alineación horizontal del texto en un elemento. left | right | center | justify | initial | inherit;
auto | left | right | center | justify | start | end |
text-align-last Especifica cómo alinear la última línea de un texto
initial | inherit;
Especifica la decoración añadida al texto y es una propiedad
abreviada para:
text-decoration-line text-decoration-color text-
text-decoration text-decoration-line (obligatorio)
decoration-style | initial | inherit;
text-decoration-color
text-decoration-style
text-decoration- Especifica el color de la decoración del texto (subrayado,
color | initial | inherit;
color sobre-rayado, líneas continuas).
Establece el tipo de decoración de texto que se utilizará (como none | underline | overline | line-through |
text-decoration-line
subrayado, sobre-rayado, traspaso). initial | inherit;
text-decoration- Establece el estilo de la decoración del texto (como sólido, solid | double | dotted | dashed | wavy | initial |
style ondulado, punteado, discontinuo, doble). inherit;
text-indent Indica la sangría de la primera línea en un bloque de texto. length | initial | inherit;
Especifica el método de justificación del texto cuando text- auto | inter-word | inter-character | none |
text-justify
align se establece en «justify». initial | inherit;
Especifica cómo se debe señalar al usuario el contenido
text-overflow clip | ellipsis | string | initial | inherit;
desbordado que no se muestra.
h-shadow v-shadow blur-radius color | none |
text-shadow Agrega sombra al texto.
initial | inherit;
none | capitalize | uppercase | lowercase |
text-transform Controla las mayúsculas del texto
initial | inherit;
Afecta a la posición vertical de un elemento posicionado. Esta
top auto | length | initial | inherit;
propiedad no tiene efecto en elementos no posicionados.
transform Aplica una transformación 2D o 3D a un elemento. none | transform-functions | initial | inherit;
Le permite cambiar la posición de los elementos
transform-origin x-axis y-axis z-axis | initial | inherit;
transformados.
Especifica cómo se representan los elementos anidados en el
transform-style flat | preserve-3d | initial | inherit;
espacio 3D.
Es una propiedad abreviada para:
transition-property
property duration timing-function delay |
transition transition-duration
initial | inherit;
transition-timing-function
transition-delay
transition-delay Indica cuándo comenzará el efecto de transición. time | initial | inherit;
Especifica cuántos segundos (s) o milisegundos (ms) tarda en
transition-duration time | initial | inherit;
completarse un efecto de transición.
Indica el nombre de la propiedad CSS para el efecto de
transition-property transición (el efecto de transición comenzará cuando cambie none | all | property | initial | inherit;
la propiedad CSS especificada).
linear | ease | ease-in | ease-out | ease-in-out |
transition-timing-
Especifica la curva de velocidad del efecto de transición. step-start | step-end | steps(int,start | end) |
function
cubic-bezier(n,n,n,n) | initial | inherit;
Se usa junto con la propiedad direction para establecer o
unicode-bidi devolver si el texto debe anularse para admitir varios idiomas normal | embed | bidi-override | initial | inherit;
en el mismo documento.
user-select Especifica si se puede seleccionar el texto de un elemento. auto | none | text | all;
baseline | length | sub | super | top | text-top |
vertical-align Establece la alineación vertical de un elemento.
middle | bottom | text-bottom | initial | inherit;
visibility Indica si un elemento es visible o no. visible | hidden | collapse | initial | inherit;
Especifica cómo se maneja el espacio en blanco dentro de un normal | nowrap | pre | pre-line | pre-wrap |
white-space
elemento. initial | inherit;
 Listado completo de propiedades CSS

Especifica el número mínimo de líneas que se deben dejar en

widows integer | initial | inherit;
la parte superior de una página o columna.
width Establece el ancho de un elemento. auto | value | initial | inherit;
Especifica cómo deben dividirse las palabras al llegar al final normal | break-all | keep-all | break-word |
word-break
de una línea. initial | inherit;
word-spacing Aumenta o disminuye el espacio en blanco entre las palabras normal | length | initial | inherit;
Permite que las palabras largas se puedan dividir y pasar a la
word-wrap normal | break-word | initial | inherit;
siguiente línea.
Especifica si las líneas de texto se disponen horizontal o
writing-mode horizontal-tb | vertical-rl|vertical-lr;
verticalmente.
Especifica el orden de apilamiento de un elemento. Un
z-index elemento con mayor orden de apilamiento siempre está auto | number | initial | inherit;
delante de un elemento con menor orden de apilamiento.