Lista de propiedades CSS 3

¡Atención!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