Lista de propiedades CSS 3

Esta lección contiene algunas propiedades de las recomendaciones CSS 3 actualmente en elaboración, pero únicamente aquellas propiedades que se comentan en alguna de las lecciones sobre CSS 3 de estos apuntes y que todavía no son admitidas de forma generalizada por los navegadores actuales.

Las propiedades de recomendaciones CSS 3 en elaboración que ya son admitidas de forma generalizada por los navegadores actuales se encuentran en la la lista de propiedades CSS estables.

Tipo de letra (fuente)
Propiedad	Descripción	Valores
font-size-adjust	ajuste del tamaño	número
font-strecth	anchura	ultra-condensed, extra-condensed, condensed, semi-condensed, normal, semi-expanded, expanded, extra-expanded, ultra-expanded
Decoración de texto
Propiedad	Descripción	Valores
text-decoration	decoraciones de texto adicionales	text-decoration-line || text-decoration-style || text-decoration-color
text-emphasis	símbolos para enfatizar	text-emphasis-style || text-emphasis-color
Columnas
Propiedad	Descripción	Valores
columns	propiedad compuesta	número || distancia
column-count	número de columnas	número
column-width	ancho de columnas	distancia
column-gap	espacio entre columnas	distancia
column-rule	propiedad compuesta	column-rule-color || column-rule-width || column-rule-style
column-rule-color	color del borde entre columnas	color | transparent
column-rule-width	grosor del borde entre columnas	medium | thick | thin | distancia
column-rule-style	estilos del borde entre columnas	none | hidden | dashed | dotted | double | groove | inset | outset | ridge | solid
column-span	extenderse varias columnas	none | all
Bordes
Propiedad	Descripción	Valores
border-image	propiedad compuesta	border-image-source || border-image-slice || border-image-width || border-image-outset || border-image-repeat
border-image-source	imagen de borde	URL
border-image-slice	troceado de la imagen de borde	[ distancia | porcentaje ] {1, 4}
border-image-width	tamaño de borde	[ distancia | porcentaje | número ] {1, 4}
border-image-outset	extensión del borde	[ distancia | número ] {1, 4}
border-image-repeat	repetición del borde	stretch | repeat | round | space
box-shadow	sombra de la caja	none | [ distancia ] {2, 4} | color | inset
Cajas flexibles
Propiedad	Descripción	Valores
display	tipo de caja	flex || inline-flex
flex-flow	propiedad compuesta	flex-direction || flex-wrap
flex-direction	dirección	row || row-reverse || column || column-reverse
flex-wrap	ajuste de línea	wrap || no-wrap || wrap-reverse
order	número de orden	número
flex	propiedad compuesta	[ flex-grow || flex-shrink || flex-basis ] || initial || auto || none || número
flex-grow	factor de expansión	número
flex-shrink	factor de compresión	número
flex-basis	tamaño inicial	distancia || auto || content || width
justify-content	alineación en la dirección principal	flex-start || flex-end || center || space-between || space-around
align-items	alineación en la dirección perpendicular (una línea)	flex-start || flex-end || center || baseline || stretch
align-self	alineación individual en la dirección perpendicular	auto || flex-start || flex-end || center || baseline || stretch
align-content	alineación en la dirección perpendicular (varias líneas)	flex-start || flex-end || center || space-between || space-around || stretch