Les propriétés d'un élément block appliquées à un élément inline... Pratique dans de nombreux cas, comme des menus, une mise en forme plus human friendly de listes, des breadcrumbs ou même l'affichage de blocs, la propriété inline-block
a été longtemps oubliée au profit des float
pour placer des éléments les uns à côté des autres.
Enfin supportée correctement dans IE8, voici quelques exemples de son utilisation et les avantages qu'elle offre comparé aux floats dans certains cas.
Oubliée au profit de border
, la propriété outline
propose la même fonctionnalité avec un avantage non-négligeable : ne pas influer sur la taille de l'élément auquel elle est appliquée.
Large famille de valeurs pour la propriété display
, celles-ci permettent de donner à des éléments le corportement qu'on retrouve chez des éléments de table.
Colonnes dont la taille s'adaptent à la plus haute, contenu fluide, dans de nombreux cas cette propriété permet d'éviter le recours à de multiples encadrements inutiles.
Envie de titres qui s'incrémentent automatiquement, de liste à puce évoluées ? Les Css Counters sont là pour ça.
D'importance capitale pour optimiser les performances web, le nombre de requête HTTP efféctuées au chargement d'une page peut enfin être réduit grâche au Data URIs qui permettent de définir une image ou un fichier directement via le markup ou les feuilles de style.
Le modèle de boîte classique, bien qu'on s'y soit fait reste peu pratique. La largeur est égale à la propriété width
plus les border
(mais pas outline
) les padding
... Pourquoi ne pas faire plus simple et tous les regrouper, avec une boîte qui s'adapte ? C'est possible et c'est ce que box-sizing
propose de faire.