- junção de propriedades
- resumido
- legível
{
/* background properties */
background-color: #000;
background-image: url('images/bg.gif');
background-repeat: no-repeat;
background-position: left top;
/* background shorthand */
backround: #000 url("images/bg.gif") no-repeat left top;
/* font properties */
font-style: italic;
font-weight: bold;
font-size: .8em;
line-height: 1.2;
font-family: Arial, sans-serif;
/* font shorthand */
font: italic bold .8em/1.2 Arial, sans-serif;
}
- Não irá considerar propriedades anteriores
- Valores não especificados irão assumir o valor padrão
- Geralmente, a ordem descrita não importa, mas, se houver muitas propriedades com valores semelhantes, poderemos encontrar problemas
Animation, Background, border, border-bottom, border-color, border-left, border-radius, border-right, border-style, border-top, border-width, column-rule, columns, flex, flex-flow, font, grid, grid-area, grid-column, grid-row, grid-template, list-style, margin, offset, outline, overflow, padding, place-content, place-items, place-self, text-decoration, transition
https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties