Flux rss
Collection CommentÇaMarche.net
Bookmark Ajouter aux favoris / Partager
Le unità nei fogli di stile (CSS) As unidades nas folhas de estilo (CS) Einheiten in Stylesheets (CSS) Unidades en las hojas de estilo (CSS) Units in style sheets (CSS)

Les unités

Grâce aux feuilles de style il est possible de définir des valeurs numériques pour les propriétés de style de plusieurs façons :

  • de façon absolue, c'est-à-dire dans une unité indépendante du format de sortie (en centimètres par exemple) ;
  • de façon relative, c'est-à-dire dans une unité relative à un élément ;

Les valeurs des feuilles de style sont soit des nombres entiers, soit des nombres réels, c'est-à-dire des chiffres ayant une partie entière et une partie décimale.

D'une manière générale il est à noter l'utilisation du point (« . ») dans les notations décimales en lieu et place de la virgule (« 8.5 cm«  et non « 8,5 cm« ).

Les valeurs peuvent par ailleurs dans certains cas être négatives (précédées du signe « - »). Certaines propriétés peuvent néanmoins accepter un intervalle restreint de valeurs.

Unités absolues

Les unités absolues proposées par le standard CSS sont récapitulées dans le tableau suivant :

unité description
cm Le centimètre
in Le pouce (en anglais « inch ») correspondant à 2,54 cm
mm Le millimètre
pt Le point
pc Le pica (correspondant à 12 pt)

Unités relatives

Les unités relatives proposées par le standard CSS sont récapitulées dans le tableau suivant :

unité description
em Unité relative à la taille de police de l'élément sélectionné. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la taille de la police de l'élément parent.
ex Unité relative à la hauteur de la minuscule de l'élément sélectionné. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la hauteur de la minuscule de l'élément parent.
px Le pixel. Il s'agit d'une unité dont le rendu dépend de la résolution du périphérique d'affichage.
% Le pourcentage est une unité relative à la taille de l'élément ou de son parent.


Dernière modification le mardi 14 octobre 2008 à 17:40:30.Ce document intitulé « Les unités dans les feuilles de style (CSS) » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Récupérer le code d'une feuille de style css Bonjour, Voilà je suis étudiante en DUT et je cherche à récupérer grâce à php le code d'une feuille de style (css). Si vous avez des conseils ou une idée, pitié lol! merci d'avance! www.commentcamarche.net/forum/affich-1922569-recuperer-le-code-d-une-feuille-de-style-css
Déclaration d'une feuille de style (CSS) Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec... www.commentcamarche.net/contents/css/cssimplant.php3
Héberger site avec feuille style css gratuit (Résolu) Bonjour, Je cherche un hébergeur de site gratuit où les feuilles de styles css (j'utilise dreamweaver cs3) sont supportées. Après de longues recherchez sur le web, je n'ai pas trouvé, certains, sont gratuits au début mais à la fin sont payants à cause... www.commentcamarche.net/forum/affich-6990754-heberger-site-avec-feuille-style-css-gratuit
Joomla - règle CSS "element.style"Bonjour, J'utilise firebug pour savoir quelle règle CSS je dois modifier pour modifier mon template prés dessiné joomla. En générale, firebug m'indique la règle et la feuille de style où je peux la trouver mais pour certains éléments (tableau d'un... www.commentcamarche.net/forum/affich-9228013-joomla-regle-css-element-style
Modifier la feuille style CSS (Résolu)Bonjour à tous, Voici ma feuille CSS: /* style du blog -------------------------------------------------------- */ body{ margin:0; padding:0; font-size:80%; } html>body{ background-position:65em 0; } p{ margin:1em 0; line-height:1.5em; }... www.commentcamarche.net/forum/affich-2509465-modifier-la-feuille-style-css
Exemple de css pour tableauxBonjour, j'aurais besoin d'exemples de feuilles de style css pour faire des tableaux, car je n'arrive pas a trouver ce qui me convient auriez des liens interessants ?? par exemple, je cherche des solutions pour arriver à mettre une couleur de fond sur... www.commentcamarche.net/forum/affich-4111051-exemple-de-css-pour-tableaux
Feuilles de style - CSSPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des... www.commentcamarche.net/contents/css/cssintro.php3
Les classes de style (CSS)Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des... www.commentcamarche.net/contents/css/cssclass.php3
La syntaxe des style (CSS)Définition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de... www.commentcamarche.net/contents/css/csssyntax.php3