Exemplu
Se specifică toate proprietățile de fonturi într-o singură declarație:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea prescurtare de fonturi setează toate proprietățile de fonturi într-o singură declarație.
Proprietățile care pot fi setate, sunt (in order) : "font-style font-variant font-weight font-size/line-height font-family" de "font-style font-variant font-weight font-size/line-height font-family"
Sunt necesare Valorile font-size și font-family. În cazul în care una dintre celelalte valori lipsesc, vor fi inserate valorile implicite, dacă este cazul.
Note: Proprietatea line-height stabilește spațiul dintre linii.
| Valoare implicită: | The default value of all the font properties |
|---|---|
| Mostenit: | yes |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Notă: A se vedea sprijin individual de browser pentru fiecare valoare de mai jos.
CSS Sintaxa
font: Valori de proprietate Valoarea proprietății Descriere font-style Specifică stilul fontului. Valoarea implicită este "normal" . A se vedea font-stil pentru valorile posibile font-variant Specifică varianta fontului. Valoarea implicită este "normal" . A se vedea font-variantă pentru valorile posibile font-weight Specifică greutatea fontului. Valoarea implicită este "normal" . A se vedea font-greutate pentru valorile posibile font-size/line-height Specifică dimensiunea fontului și linia de înălțime. Valoarea implicită este "normal" . A se vedea font-size și linie de înălțime pentru valori posibile font-family Specifică familia de fonturi. Valoarea implicită depinde de browser. A se vedea font-family pentru valorile posibile caption Folosește fontul care sunt utilizate de controale Captioned (cum ar fi butoane, meniuri verticale, etc.) icon Folosește fontul care sunt folosite de etichete icon menu Folosește fonturile care sunt utilizate de meniuri derulante message-box Folosește fonturile care sunt utilizate de casete de dialog small-caption O versiune mai mică a fontului subtitrării status-bar Folosește fonturile care sunt utilizate de către bara de stare initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
O demonstrație a unora dintre celelalte valori de proprietate font.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Font
HTML DOM de referință: font property