Las propiedades de tipo "shorthand" son propiedades de CSS que permiten establecer de forma simultánea el valor de varias propiedades diferentes pero relacionadas. El uso de las propiedades "shorthand" es muy extendido, ya que permiten crear hojas de estilos más compactas.
A continuación se incluye a modo de referencia todas las propiedades de tipo "shorthand" que se han mostrado anteriormente.
font | Tipografía |
---|---|
Valores | ( ( <font-style> || <font-variant> || <font-weight> )? <font-size> ( / <line-height> )? <font-family> ) | caption | icon | menu | message-box | small-caption | status-bar | inherit |
Se aplica a | Todos los elementos |
Valor inicial | - |
Descripción | Permite indicar de forma directa todas las propiedades de la tipografía de un texto |
margin | Margen |
---|---|
Valores | ( <medida> | <porcentaje> | auto ) {1, 4} | inherit |
Se aplica a | Todos los elementos salvo algunos casos especiales de elementos mostrados como tablas |
Valor inicial | - |
Descripción | Establece de forma directa todos los márgenes de un elemento |
padding | Relleno |
---|---|
Valores | ( <medida> | <porcentaje> ){1, 4} | inherit |
Se aplica a | Todos los elementos excepto algunos elementos de tablas como grupos de cabeceras y grupos de pies de tabla |
Valor inicial | - |
Descripción | Establece de forma directa todos los rellenos de los elementos |
border | Estilo completo de todos los bordes |
---|---|
Valores | ( <medida_borde> || <color_borde> || <estilo_borde> ) | inherit |
Se aplica a | Todos los elementos |
Valor inicial | - |
Descripción | Establece el estilo completo de todos los bordes de los elementos |
background | Fondo de un elemento |
---|---|
Valores | ( <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> ) | inherit |
Se aplica a | Todos los elementos |
Valor inicial | - |
Descripción | Establece todas las propiedades del fondo de un elemento |
list-style | Estilo de una lista |
---|---|
Valores | ( <list-style-type> || <list-style-position> || <list-style-image> ) | inherit |
Se aplica a | Elementos de una lista |
Valor inicial | - |
Descripción | Propiedad que permite establecer de forma simultanea todas las opciones de una lista |