[CSS 2] Propriété font 26px/1.5 [Résolu]

luchet · 22/08/2011, 17h54

Bonjour
Dans un tuto que je suis entrain d'étudier pour créer des boutons je trouve cette instruction suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
a.bouton, button.bouton {
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0; 
	font:26px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif;/* Police du
                                                          bouton */
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer;
	border:0; 
	background:none;

Mon Pb je ne comprends pas la forme
font:26px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif;/* Police du bouton */

Ce qui me géne c'est 26px/1.5 26px c'est la taille de la police mais le /1.5 c'est quoi ??
Merci d'éclairer ma lanterne de débutant

Candygirl · 22/08/2011, 18h24

Hello,
Il s'agit du line-height.

luchet · 23/08/2011, 14h19

Merci de votre réponse

Trés peu de tuto précise cette façon de définir à la fois la taille de la police et la hauteur de ligne j'ai trouvé par contre ceci

Vous pouvez combiner la mention de la taille de police avec la mention de la hauteur de ligne, en notant les deux mentions dans la propriété font en respectant la syntaxe suivante (exemple): p { font:12pt/14pt }. Dans l'exemple la taille de police est de 12 points et la hauteur de ligne est de 14points. Pour cette façon de noter, le nombre placé avant la barre oblique désigne la taille de police et le nombre derrière la barre oblique, la hauteur de la ligne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<html><head><title>font-size</title></head>
<body bgcolor="#FFFFFF" text="#000000">
<p>
<span style="font-size:6pt">Texte d'exemple avec une taille de police de  6pt</span><br>
<!-- etc... -->
</p></body></html>

Merci de votre aide

Candygirl · 23/08/2011, 15h01

En l'occurrence je trouve cet exemple de code assez mal choisi

puisque, écrit tel quel, il est invalide et n'aura donc aucun effet.

En effet, la propriété raccourcie "font" doit recevoir au minimum les valeurs de font-size et de font-family, dans cet ordre, comme spécifié par sa notation dans les recommandations:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

	[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]?<'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

luchet · 24/08/2011, 16h07

Bonjour

La personne qui a modifiée mon message la fait sans avoir vu la page dont je donnais l'adresse
Celle-ci était uniquement pour le texte concernant la notation 26px/1.5 que je ne comprenais pas mais en aucun cas je ne faisais référence au code qui se trouvais sur cette page
Si cela avait été le cas je l'aurais ajouté a mon message
Mais bon mainteant j'ai bien compris le sens de cette notation

Merci encore

22/08/2011, 18h24	#2
Candygirl Modératrice Inscription : juillet 2006 Messages : 1 529 Détails du profil Informations personnelles : Sexe : Âge : 40 Localisation : Suisse Informations forums : Inscription : juillet 2006 Messages : 1 529 Points : 1 869 Points : 1 869	Hello, Il s'agit du line-height. __________________ Les bons réflexes: avant de poser une question: règles \| faq \| tutoriels \| recherche clarté, politesse, vocabulaire et orthographe soignés = efficacité remercier ceux qui ont pris le temps d'aider et si c'est le cas
	00

23/08/2011, 15h01	#4
Candygirl Modératrice Inscription : juillet 2006 Messages : 1 529 Détails du profil Informations personnelles : Sexe : Âge : 40 Localisation : Suisse Informations forums : Inscription : juillet 2006 Messages : 1 529 Points : 1 869 Points : 1 869	En l'occurrence je trouve cet exemple de code assez mal choisi puisque, écrit tel quel, il est invalide et n'aura donc aucun effet. En effet, la propriété raccourcie "font" doit recevoir au minimum les valeurs de font-size et de font-family, dans cet ordre, comme spécifié par sa notation dans les recommandations: Code : Sélectionner tout - Visualiser dans une fenêtre à part [ [ <'font-style'> \|\| <'font-variant'> \|\| <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]?<'font-family'> ] \| caption \| icon \| menu \| message-box \| small-caption \| status-bar \| inherit __________________ Les bons réflexes: avant de poser une question: règles \| faq \| tutoriels \| recherche clarté, politesse, vocabulaire et orthographe soignés = efficacité remercier ceux qui ont pris le temps d'aider et si c'est le cas
	00

24/08/2011, 16h07	#5
luchet Nouveau Membre du Club Inscription : octobre 2002 Messages : 108 Détails du profil Informations forums : Inscription : octobre 2002 Messages : 108 Points : 34 Points : 34	Bonjour La personne qui a modifiée mon message la fait sans avoir vu la page dont je donnais l'adresse Celle-ci était uniquement pour le texte concernant la notation 26px/1.5 que je ne comprenais pas mais en aucun cas je ne faisais référence au code qui se trouvais sur cette page Si cela avait été le cas je l'aurais ajouté a mon message Mais bon mainteant j'ai bien compris le sens de cette notation Merci encore
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email