Style font ominaisuus
- Edellinen sivu flexWrap
- Seuraava sivu fontFamily
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti
Määrittely ja käyttö
font
Ominaisuus asettaa tai palauttaa enintään kuusi erillistä font ominaisuutta lyhenteessä.
Käyttämällä tätä ominaisuutta voit asettaa/tallentaa seuraavat sisällöt (tässä järjestyksessä):
font-size ja font-family On pakollinen. Jos jokin muu arvo puuttuu, lisätään oletusarvo (jos se on olemassa).
Yllä olevat ominaisuudet voidaan myös asettaa erillisillä tyyleillä. Suositellaan ehdottomasti ei-ammattitaitoisia kirjoittajia käyttämään erillisiä ominaisuuksia paremman hallinnan saamiseksi.
Katso myös:
CSS-opasCSS-字体
CSS-käyttöohjeFont-tunniste
Esimerkki
Esimerkki 1
Aseta <p>-elementin fontti:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Esimerkki 2
Palauta <p>-elementin fontti:
alert(document.getElementById("myP").style.font);
Syntaksi
Palauta font-tunniste:
object.style.font
Aseta font-tunniste:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
Ominaisuusarvo
Arvo | Kuvaus |
---|---|
style | Aseta fonttityyli. |
variant | Aseta teksti pienillä isolla kirjaimilla. |
weight | Aseta kirjasinlajin paksuus. |
size | Aseta fonttikoko. |
lineHeight | Aseta rivejäntaso. |
family | Aseta fontti. |
caption | Fontti, jota käytetään otsikkokontrollielementeissä (esim. painikkeet, pudotusvalikot jne.). |
icon | Fontti, jota käytetään kuvakkeiden merkitsemiseen. |
menu | Fontti, jota käytetään valikoissa. |
message-box | Fontti, jota käytetään viestiruudussa. |
small-caption | Fontti, jota käytetään pienissä kontrollielementeissä. |
status-bar | Fontti, jota käytetään ikkunavirheen tilaikkunassa. |
initial | Aseta tämä ominaisuus sen oletusarvoon. Katso initial. |
inherit | Periää tämän ominaisuuden isältään elementiltä. Katso inherit. |
Tekninen yksityiskohta
Oletusarvo: | Ei määritelty |
---|---|
Palautusarvo: | Merkkijono, joka ilmaisee elementin eri font蒂oikeudet. |
CSS versio: | CSS1 |
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |
- Edellinen sivu flexWrap
- Seuraava sivu fontFamily
- Palaa yhdellä tasolla ylös HTML DOM Style-objekti