CSS font Eiendom
Voorbeeld
Stel 'n paar lettertipe-eienskappe met die snelskrifverklaring:
p.a
{
font: 15px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die fonteiendom is 'n snelskrif eiendom vir:
Die lettergrootte- en lettertipe-familiewaardes word vereis. As een van die ander waardes ontbreek, word hul verstekwaarde gebruik.
Let wel: Die lynhoogte-eienskap stel die spasie tussen lyne.
| Standaard waarde: | Die verstekwaarde van die lettertipe-eienskappe |
|---|---|
| Geërf: | ja |
| Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
| Weergawe: | CSS1 |
| JavaScript-sintaksis: | object .style.font="kursief klein-kapsies vet 12px arial,sans-serif" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
| Property | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Let wel: Sien individuele blaaierondersteuning vir elke waarde hieronder.
CSS-sintaksis
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
Eiendomswaardes
| Property/Value | Description |
|---|---|
| font-style | Specifies the font style. Default value is "normal" |
| font-variant | Specifies the font variant. Default value is "normal" |
| font-weight | Specifies the font weight. Default value is "normal" |
| font-size/line-height | Specifies the font size and the line-height. Default value is "normal" |
| font-family | Specifies the font family. Default value depends on the browser |
| caption | Uses the font that are used by captioned controls (like buttons, drop-downs, etc.) |
| icon | Uses the font that are used by icon labels |
| menu | Uses the fonts that are used by dropdown menus |
| message-box | Uses the fonts that are used by dialog boxes |
| small-caption | A smaller version of the caption font |
| status-bar | Uses the fonts that are used by the status bar |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Meer voorbeelde
Voorbeeld
'n Demonstrasie van sommige van die ander lettertipe-eienskapwaardes.
<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>
Verwante bladsye
CSS-tutoriaal: CSS Font
HTML DOM verwysing: font eiendom