Maxy.fr

Définir plus facilement les largeurs avec box-sizing

Beaucoup d’entre vous le savent, il est parfois assez difficile à définir correctement la largeur d’un élément en CSS. Il suffit d’ajouter une marge intérieur (padding) pour que la largeur choisi à l’aide de la propriété width ne soit plus celle réelle de l’élément en question.

Il existe pour rentre cette tache plus simple une propriété CSS permettant de faire en sorte que la taille réelle des élément soit bien celle indiquée « box-sizing ».

Ajoutez simplement ceci dans le CSS et le tour est joué :

-moz-box-sizing: border-box;
box-sizing: border-box;

(-moz-box-sizing semble être encore utile pour firefox)

Catégories : CSS

Par Guillaume le 03/01/2014 à 22:58

Partager l'article :

Articles similaires

Faire une page avec plusieurs vues dynamiques sans Javascript

Il existe de plus en plus de petits sites avec une page unique disposant de plusieurs vues avec la possibilité de naviguer entre elles à l'aide de liens mais sans pour autant recharger la page. Le changement des vues est dynamique et on a souvent tendance à directement...

Colorer les lignes paires d’un tableau en CSS

Il est souvent très utile de colorer de façon alternée les lignes d’un tableau, ne serait-ce que pour s’y retrouvé ou simplement parce que c’est plus jolie. Sachez qu’il est très simple de le faire en CSS à l’aide des...