Propiedades CSS

La lista de las propiedades CSS ordenadas alfabéticamente:

Propiedad	Sintaxis	Descripción
align-content	felexbox align-content: flex-start | flex-end | center | space-between | space-around | stretch; grid align-content: start | end | center | space-between | space-around | stretch | space-evenly	Alinea los elementos del contenedor a lo largo del eje transversal en flexbox y a lo relativo a la columna en grid. El valor por defecto es stretch.
align-items	felexbox align-items: flex-start | flex-end | center | baseline | stretch; grid align-items: start | end | center | baseline | stretch;	Establece el valor align-self para todos los elementos descendientes directos de un elemento. Utilizada en flexbox y grid. El valor por defecto es stretch.
align-self	felexbox align-self: flex-start | flex-end | center | baseline | stretch; grid align-self: start | end | center | stretch	En felxbox la propiedad align-self reposiciona elementos individuales relativamente al eje transversal de la caja En grid la propiedad align-self alinea el ítem relativo a la columna.
all	all: initial | inherit | unset	Reestablece el valor de todas las propiedades del elemento seleccionado excepto direction y unicode-bidi.
animation	animation: nombre duración función-de-temporizador demora número-de-iteraciones dirección estado-de-la-animación	Utilizada para animar las propiedades CSS que pueden ser animadas.
appearance	-moz-appearance: none; -webkit-appearance: none;	Utilizada para mostrar los estilos nativos del sistema operativo para un elemento como checkbox, button, textarea, radio, etc...
backdrop-filter	backdrop-filter: blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia();	Tiene el mismo efecto que la propiedad filter, solo que los estilos se aplican al fondo (background) en lugar de aplicarse al elemento.
backface-visibility	backface-visibility: hidden | visible;	Decide si un elemento, girado 180º alrededor del eje X o Y, debe seguir visible ( el valor por defecto ) o no ( hidden ).
background	background: color position / size repeat origin clip attachment image;	Establece todas las propiedades del fondo en una sola declaración abreviada
background-attachment	background-attachment: scroll | fixed | local;	Se utiliza para controlar como se comportan las imágenes de fondo al desplazar la página.
background-blend-mode	background-blend-mode: color | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | normal | overlay | saturation | screen | soft-light	Utilizada para combinar dos imágenes de fondo, o una imagen y un color.
background-clip	background-clip: border-box | padding-box | content-box | text | inherit;	Especifica hasta donde se extiende el fondo ( background ) de un elemento, ya sea color o imagen.
background-color	background-color: rgb(0,0,0);	Se utiliza para dar un color de fondo a un elemento HTML
background-image	background-image: url(carpeta/donde/esta/la/imagen.png);	Utiliza una imagen o un gradiente como imagen de fondo de un elemento HTML.
background-origin	background-origin: border-box | padding-box | content-box | inherit;	Utilizada para determinar como se calcula la posición ( background-position ) de la imagen de fondo ( background-image ).
background-position	background-position: 50px 0; background-position: 50% 10%; background-position: top | bottom | left | right | center;	Permite posicionar una imagen de fondo dentro de su contenedor.
background-repeat	background-repeat: no-repeat | repeat | repeat-x | repeat-y | space | round	Utilizada para establecer si la imagen se repite o no y de que forma:
background-size	background-size: auto | contain | cover | tamañoX[ tamañoY]	Permite redimensionar las imágenes de fondo.
bleed	bleed: auto |  longitud	Propiedad utilizada con la regla at @page para determinar el sangrado de pagina
border	border: [border-width] border-style [border-color]; border:1px solid black;	Establece en una declaración abreviada las propiedades border-width, border-style, y border-color.
border-collapse	border-collapse: collapse | separate	Establece si las celdas adiacentes de una tabla <table> comparten el mismo borde ( collapsed ) o no ( separate ).
border-image	border-image: border-image-source || border-image-slice [ / border-image-width | / border-image-width / border-image-outset ] || border-image-repeat	Utiliza una imagen o un gradiente para trazar el borde de un elemento HTML y es la declaración abreviada de border-image-source, border-image-slice, border-image-width, border-image-outset, y border-image-repeat.
border-radius	border-radius: 10px;	Utilizada para crear esquinas redondeadas. Es la declaración abreviada de border-top-left-radius, border-top-right-radius, border-bottom-right-radius, y border-bottom-left-radius.
border-spacing	border-spacing: 1em;	Controla la separación de los bordes en una tabla table con bordes separados border-collapse: separate
bottom	bottom:1px;	Establece la distancia entre el borde inferior de un elemento posicionado ( position:relative | absolute ... ) relativo al borde inferior de la caja padre
box-decoration-break	box-decoration-break: slice | clone	Decide como utilizar los elementos decorativos de un elemento ( background, border, border-radius, border-image, box-shadow, margin, y padding ) cuando el elemento ocupa múltiples líneas columnas o páginas.
box-shadow	box-shadow: desplazamiento horizontal desplazamiento vertical desenfoque extension color inset;	Aplica una sombra alrededor de un elemento HTML
box-sizing	box-sizing : content-box | border-box | inherit;	Decide como se calcula el ancho y el alto de una caja; si el padding y el border de la caja suman ( content-box ) o no ( border-box ).
break-inside	break-inside: auto | avoid | avoid-page | avoid-column | avoid-region	En el layout de columnas la propiedad break-inside se utiliza para controlar si romper o no un elemento html entre columnas.
caption-side	caption-side: top | bottom | block-start | block-end | inline-start | inline-end	Decide donde poner la descripción ( caption) de una tabla ( <table>).
caret-color	caret-color: red;	especifica el color del cursor de texto de un elemento editable.
clear	clear: none | left | right | both | inline-start | inline-end	Decide si un elemento tiene que aparecer al lado o debajo de un elemento flotado que lo precede.
clip-path	clip-path: circle(50px at 0 100px);	Crea una región de recorte para que solo una parte del elemento HTML sea visible
color	color:red;	Establece el color del texto de las decoraciones ( text-decoration ) y el valor de currentcolor
color-adjust	color-adjust: economy | exact	Establece como se debe optimizar el aspecto de un elemento en los dispositivos de salida ( una impresora - por ejemplo ).
column-count	column-count: número | auto	En el layout de columnas la propiedad column-count especifica el número de columnas.
column-fill	column-fill: auto | balance | balance-all	Especifica como aparece el contenido de un elemento en el layout de columnas
column-gap	column-gap: tamaño | normal	Especifica el tamaño ( px, em, etc…) del espacio entre columnas.
column-rule	column-rule: column-rule-width column-rule-style column-rule-color	Declaración abreviada para establecer las propiedades del separador entre columnas.
column-span	column-span: 1 | all;	Establece si un elemento puede extenderse a lo largo de varias columnas.
column-width	column-width: anchura | auto;	Sugiere la anchura optima de las columnas.
columns	columns: column-width column-count	Declaración abreviada para establecer las propiedades column-width y column-count
content	content: url(imagen.jpg);	Se utiliza junto con los pseudo-elementos ::before y ::after para generar el contenido que sde estos.
counter-increment	counter-increment: mi-contador 5;	Se utiliza junto con los pseudo-elementos ::before y ::after para especificar el incremento del contador utilizado como valor de la propiedad content
counter-reset	counter-reset: contador número | none	Se utiliza junto con los pseudo-elementos ::before y ::after para reestablecer el valor inicial de un contador utilizado como valor de la propiedad content
cursor	cursor: auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing	Especifica el tipo de cursor que se mostrara cuando el raton pasa por encima de un elemento.
direction	direction: ltr | rtl | inherit;	Se utiliza para indicar en que dirección fluye el texto ( rtl: de izquierda a derecha o ltr: de derecha a izquierda )
display	display: inline | block | list-item | inline-block | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit	Permite definir como será mostrado un cierto elemento HTML
empty-cells	empty-cells: show | hide	Establece si los bordes y los fondos de las celdas vacías de una tabla table serán visibles o no.
filter	filter: blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia();	Es una manera de aplicar filtros SVG a un elemento html (sobretodo imagenes)
flex	.item { flex: flex-grow [flex-shrink] [flex-basis]; }	Es una propiedad de los ítems de un contenedor flex. y representa la declaración abreviada de flex-grow, flex-shrink ( opcional ) y flex-basis ( opcional )
flex-basis	flex-basis:50%;	Es una propiedad de los ítems de un contenedor flex. Especifica el valor inicial del tamaño principal de un elemento flex, antes de que esté redimensionado
flex-direction	flex-direction: row | row-reverse | column | column-reverse;	Es una propiedad del contenedor flex, y establece la dirección de los elementos hijos ( ítems flex ).
flex-flow	flex-flow: flex-direction [flex-wrap];	Es una propiedad del contenedor flex. Representa la declaración abreviada de las dos propiedades: flex-direction y flex-wrap ( opcional )
flex-grow	flex-grow:2;	Una propiedad de los ítems del contenedor flex. Establece cuanto puede crecer un elemento flex en relación al resto de elementos de la misma caja flex.
flex-shrink	flex-shrink:2;	Una propiedad de los ítems del contenedor flex. Establece cuanto puede disminuir un elemento flex en relación al resto de elementos de la misma caja flex
flex-wrap	flex-wrap: nowrap | wrap | wrap-reverse;	Es una propiedad del contenedor flex y especifica si puede haber un cambio de línea ( wrap ) o no ( nowrap ).
float	float: left | right | none | inline-start | inline-end	Especifica si un elemento debe florar o no y de que manera.
font	font: italic small-caps bold 44px Georgia, sans-serif;	Representa la declaración abreviada de font-style, font-variant, font-weight, font-stretch, font-size, line-height, font-family
font-display	@font-face{ font-family: "Fuente Ejemplo"; src: url('fuente.woff') format('woff'); font-display: auto | block | swap | fallback | optional; }	Decide que fuente hay que mostrar si hay que mostrar antes que la fuente definida con @font-face sea disponible
font-family	font-family: Courier, "Lucida Console", monospace;	Define una lista de fuentes o familias de fuentes, con un orden de prioridad, para utilizar en un elemento seleccionado.
font-size	font-size: tamaño | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller	Establece el tamaño de fuente.
font-size-adjust	font-size-adjust: tamaño | none | inherit	Ajusta la proporción de la fuente, donde la proporción se calcula como x-height / font-size.
font-stretch	font-stretch: porcentaje | normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded;	Escoge un tipo de fuente normal, condensado o ampliado
font-style	font-style: normal | italic | oblique | oblique 40deg;	Establece si el texto tiene que utilizar un tipo de fuente normal, cursiva u oblicua.
font-variant	font-variant: normal | small-caps | inherit;	Decide si utilizar o no una variación de la fuente donde las minúsculas se parecen a las mayusculas ( small-caps ).
font-variant-numeric	font-variant-numeric: normal | ordinal | slashed-zero | lining-nums | oldstyle-nums | proportional-nums | tabular-nums | diagonal-fractions | stacked-fractions	Controla el uso de caracteres alternativos para números, fracciones, cero con barra, indicadores ordinales (º ª) etc... La fuente utilizada tiene que disponer de estos caracteres alternativos.
font-weight	font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit;	Especifica el grosor o el peso de la fuente.
grid-row / grid-column	grid-column: 2 / 3; grid-row: 2 / 3;	grid-row representa la declaración abreviada para grid-row-start y grid-row-end; grid-column representa la declaración abreviada para grid-column-start y grid-column-end.
grid-template-columns / grid-template-rows	grid-template-rows: 1fr 2fr; grid-template-columns: 1fr 1fr 1fr;	Define una plantilla de columnas ( grid-template-columns ) o de filas ( grid-template-rows ) en el Grid layout
hanging-punctuation	hanging-punctuation: none | [ first || [ force-end | allow-end ] || last ]	Mueve (o no) algunos signos de puntuación (punto, coma, comillas, viñetas ...etc) fuera de la caja, para dar al texto un aspecto visualmente agradable
height	height: auto | altura | inherit	Especifica la altura de un elemento.
hyphens	hyphens: none | manual | auto	Decide como separar las palabras con guiones a finales de línea.
image-rendering	image-rendering: auto | crisp-edges | pixelated	Establece el algoritmo que debe utilizarse para redinemsionar las imagenes.
initial-letter	initial-letter: 2;	Selecciona la primera letra de un elemento y establece el número de líneas que debe ocupar (en este momento solo en Safari).
isolation	isolation: auto | isolate	Utilizada junto con mix-blend-modes. Aisla un grupo de elementos para que no fusione con el trasfondo.
justify-content	justify-content: flex-start | flex-end | center | space-between | space-around;	Controla el alineamiento de los elementos de una caja flexible ( flexbox ) a lo largo de su eje principal.
left	left: longitud | porcentaje | auto	Establece la distancia entre el borde izquierdo de un elemento posicionado ( position:relative | absolute ... ) relativo al borde izquierdo de la caja padre
letter-spacing	letter-spacing: normal | distancia;	Establece el espaciado entre caracteres de texto.
line-clamp	line-clamp: 3;	Corta el texto después de un número especifico de líneas.
line-height	line-height: normal | número | longitud | porcentaje	Utilizada para establecer la altura de línea del texto.
list-style	list-style: tipo posición imagen | inherit	Establece las propiedades de la lista ( list-style-type, list-style-image, y list-style-position ) en una sola declaración abreviada
margin	margin: 2px 1em 0 auto;	Declaración abreviada para margin-top, margin-right, margin-bottom y margin-left
max-height	max-height:valor;	Establece la altura máxima de un elemento
max-width	max-width: valor;	Establece la anchura máxima de un elemento
min-height	min-height: valor;	Establece la altura mínima de un elemento
min-width	min-width: valor	Establece la anchuraa mínima de un elemento
mix-blend-mode	mix-blend-mode: color | color-burn | color-dodge | darken | difference | exclusion | hard-light | hue | lighten | luminosity | multiply | normal | overlay | saturation | screen | soft-light	Establece cómo el contenido de un elemento debe mezclarse con el contenido del elemento que está detras él y con el fondo del elemento.
object-fit	object-fit: fill | contain | cover | none | scale-down	Especifica como el contenido de un elemento reemplazado ( <img>, <video> ) tiene que encajar en su propia caja definida con width y height.
object-position	object-position: top left;	Estabblece como se alinea un elemento reemplazado ( <img>, <video> ) dentro de su propia caja definida con width y height.
opacity	opacity: valor | inherit;	Establece la opacidad de un elemento.
order	order: número | initial | inherit;	Es una propiedad de los ítems del contenedor flex utilizada para cambiar el orden de los elementos de una caja flex
orphans	orphans: 3;	Utilizada para elementos display:block ( parrafos ) situados a final de página o de columna para sugerir el número minimo de líneas antes del salto de página o de columna.
outline	outline: 1px solid #000;	La propiedad outline (contorno) dibuja una línea fuera de los bordes para destacar el elemento. Es la declaración abreviada de outline-width, outline-style, y outline-color
outline-offset	outline-offset: distancia | inherit:	Desplaza ( offsets ) el contorno ( outline ) y lo dibuja más allá del borde
overflow	overflow: visible | hidden | scroll | auto | inherit	Decide qué pasa si el contenido se sale de la caja. Representa la declaración abreviada de overflow-x y overflow-y
overflow-x	overflow: visible | hidden | scroll | auto | inherit	Decide si hay que recortar el contenido en x ( en horizontal o sea: derecha/izquierda) quee sale de la caja
overflow-y	overflow: visible | hidden | scroll | auto | inherit	Decide si hay que recortar el contenido en y ( en vertical o sea: arriba/abajo) que sale de la caja.
overflow-wrap	overflow-wrap: normal | break-word | anywhere	Decide si hay que romper las palabras largas que salen de la caja. ( anywhere todavía no funciona )
padding	padding: valor(es)	Establece el relleno ( padding ) de una caja y representa la declaración abreviada de padding-top, padding-right, padding-bottom, y padding-left.
padding-bottom	padding-bottom: valor(es)	Establece el relleno ( padding ) de una caja y representa la declaración abreviada de padding-top, padding-right, padding-bottom, y padding-left.
padding-left	padding-left: valor(es)	Establece el relleno a la izquierda ( padding-left ) de una caja.
padding-right	padding-right: valor(es)	Establece el relleno a la derecha ( padding-right ) de una caja.
padding-top	padding-top: valor(es)	Establece el relleno superior (padding-top) de una caja.
page-break-after ( break-after )	page-break-after: auto | always | avoid | left | right	Establece si el salto de página, en el documento impreso, tiene que ser después ( after ) del elemento.
page-break-before ( break-before )	page-break-before: auto | always | avoid | left | right	Establece si el salto de página, en el documento impreso, tiene que ser antes ( before ) del elemento.
page-break-inside ( break-inside )	page-break-inside: auto | avoid	Establece si el salto de página, en el documento impreso, puede ocurrir dentro ( inside ) del elemento.
perspective	perspective:400px;	Establece la distancia entre el observador virtual, y un elemento posicionado en 3D, para darle perspectiva.
perspective-origin	perspective-origin: distancia | porcentaje | left | center | right | top | bottom	Establece la posición del observador. Utilizada como punto de fuga ( vanishing point ) para la perspectiva
place-items	place-items: align-items ustify-items?	Representa la declaración abreviada para las propiedades align-items y justify-items
pointer-events	pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit	En SVG y CSS establece como interactúa ( si interactúa ) un cierto elemento con el ratón.
position	position: static | relative | absolute | sticky | fixed	Decide cómo posicionar el elemento seleccionado en el documento.
quotes	q { quotes: "«" "»"; } q:before { content: open-quote } q:after { content: close-quote } /* Establece dos niveles de comillas */ q { quotes: "«" "»" "‹" "›"; }	Establece el aspecto de las comillas en el documento.
resize	resize: none | both | horizontal | vertical | block | inline	Decide si un elemento es redimensionable o no y si lo és en que dirección.
right	right:1em;	Establece la distancia entre el borde derecho de un elemento posicionado ( position:relative | absolute ... ) relativo al borde derecho de la caja padre
scroll-behavior	scroll-behavior: auto | smooth	Al hacer click en un enlace dentro del mismo documento ( <a href="#top"... ), permite establecer si la página tiene que saltar a la nueva posición o si debe desplazarse ( scrooll ) fluidamente
shape-outside	shape-outside: circle() | ellipse() | polygon() | inset() | url() | margin-box | border-box | padding-box | content-box | initial | inherit	Define como se ajusta el texto alrededor del elemento flotado.
shape-margin	shape-margin: longitud | porcentajes	Establece un margen alrededor de un trazado definido con ls propiedad shape-outside.
tab-size	tab-size: número entero | longitud | inherit	Establece la anchura del carácter tab (U+0009) que aparece en un documento HTML.
table-layout	table-layout: auto | fixed	establece el algoritmo utilizado para diseñar una tabla <table>
text-align	text-align: start | end | left | right | center | justify | match-parent	Establece la alineación horizontal del texto en un elemento bloque o de una celda de tabla.
text-align-last	text-align-last: auto | start | end | left | right | center | justify	Establece la alineación horizontal de la última línea de texto en un elemento bloque
text-decoration	text-decoration: text-decoration-line || text-decoration-style || text-decoration-color	Representa la declaración abreviada de las propiedades text-decoration-line, text-decoration-color, text-decoration-style y de la nueva text-decoration-thickness
text-decoration-color	text-decoration-color: color	Establece el color de las decoraciones del texto añadidas con text-decoration-line
text-decoration-line	none | underline || overline || line-through || blink	Establece el tipo de decoración utilizada para el texto
text-decoration-skip	text-decoration-skip: none | objects | spaces | edges | ink | box-decoration	Establece dónde y cómo interrumpir la línea decorativa de un texto declarada con text-decoration-line
text-decoration-skip-ink	text-decoration-skip-ink: auto | none	Establece dónde y cómo interrumpir la línea decorativa de un texto declarada con text-decoration-line. Equivalente de text-decoration-skip: ink;
text-decoration-style	text-decoration-style: solid | double | dotted | dashed | wavy	Especifica el estilo de línea utilizada para la decoración de un texto ( declarada con text-decoration-line )
text-indent	text-indent: longitud | porcentaje | inherit	Especifica la indentación de la prinera línea de texto de un elemento de bloque.
text-justify	text-justify: auto | inter-character | inter-word | none	Establece el tipo de justificación del texto cuando text-align: justify;
text-overflow	text-overflow: clip | ellipsis | "cadena de texto";	Decide que hacer con el texto que sobresale de la caja por ejemplo cuando white-space: nowrap
text-rendering	text-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit	Proporciona información al navegador acerca de como optimizar el texto.
text-shadow	text-shadow: desplazamiento horizontal desplazamiento vertical desenfoque color;	Aplica una sombra al texto.
text-stroke	text-stroke: 2px red;	Una propiedad experimental que añade un contorno a los caracteres de texto, similar al stroke en SVG.
text-transform	text-transform: none | capitalize | uppercase | lowercase | full-width | full-size-kana	Especifica como transformar el texto utilizando mayúsculas y minúsculas.
top	top: 1em;	Establece la distancia entre el borde superior de un elemento posicionado ( position:relative | absolute ... ) relativo al borde superior de la caja padre.
transform	transform: none | funcion_de_transformación() | initial | inherit;	Utilizada para mover ( translate ) redimensionar ( scale ) girar ( rotate ) y sesgar ( skew ) el elemento seleccionado.
transform-origin	transform-origin: [ left | center | right | top | bottom | porcentaje | longitud ];	Utilizada para cambiar la posición del origen de la transformación de un elemento HTML.
transform-style	transform-style: flat | preserve-3d	Decide si los elementos descendientes son posicionados en un edpacio tridimensional o en espacio bidimensional o plano (flat)
transition	transition: propiedad duración función_de_temporizador ( opcional ) demora ( opcional );	Es la declaración abreviada de transition-property, transition-duration, transition-timing-function, y transition-delay.
transition-delay	transition-delay: tiempo [, tiempo]*;	Especifica el número de segundos (s) o milisegundos (ms) antes de empezar la transición.
transition-duration	transition-duration: tiempo [, tiempo]*;	Especifica el número de segundos (s) o milisegundos (ms) entre el comienzo y el fin de la transición.
transition-property	transition-property: none | propiedad [, propiedad ]*	Especifica la lista de propiedades (separadas por comas) que modificaran su valor durante la transición.
transition-timing-function	transition-timing-function: función_de_temporizador	Especifica como varia la velocidad durante la transición.
unicode-bidi	unicode-bidi: normal | embed | bidi-override | inherit	Utilizada junto con la propiedad direction para especificar cómo manejar el texto bidireccional en el documento
unicode-range	@font-face{ font-family: "Fuente Ejemplo"; src: url('fuente.woff') format('woff'); unicode-range: U+00-FF; }	Utilizada con @font-face para definir los caracteres disponibles
user-select	user-select: auto | text | none | contain | all	Controla como el texto de un elemento puede ser seleccionado por el usuario.
vertical-align	vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | porcentaje | longitud | inherit;	Controla el alineamiento vertical de un elemento display:inline o una celda de una tabla table.
visibility	visibility: visible | hidden | collapse | inherit	Especifica si un elemento es visible o no.
white-space	white-space: normal | nowrap | pre | pre-wrap |inherit	Controla cómo gestionar el espacio en blanco dentro de un elemento
widows	widows: número entero | inherit	La propiedad widows ( viudas ) se utiliza con elementos display:block ( parrafos ) situados a final de página o de columna para sugerir el número de líneas después del salto de página o de columna.
width	width: longitud | porcentaje | auto | inherit	Especifica la anchura de una caja
will-change	will-change: auto; will-change: scroll-position; will-change: contents; will-change: transform; will-change: opacity; will-change: left, top;	Avisa al navegador que un elemento tiene que cambiar para que este pueda optimizar la página antes del cambio previsto.
word-break	word-break: normal | break-all | keep-all | break-word	Decide si poner un salto de línea en el medio de una palabra y cómo hacerlo.
word-spacing	word-spacing: normal | longitud | porcentajes;	Aumenta o disminuye el espacio en blanco entre las palabras
writing-mode	writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr	Permite establecer la dirección del texto:
z-index	z-index: auto | número entero | inherit	Especifica el orden de apilamiento de un elemento posicionado