Style font katangian
- Nangungunang pahina flexWrap
- Susunod na pahina fontFamily
- Bumalik sa isang antas Object ng Style ng HTML DOM
Paglilinaw at Paggamit
font
Ang mga katangian ay inilagay sa maikling porma o ibabalik ang pinakamaraming anim na hiwalay na katangian ng font.
Sa pamamagitan ng katangian na ito, maaring itakda/ibalik ang sumusunod na nilalaman (ayon sa pagkakasunod na ito):
font-size at font-family Ay kinakailangan. Kung ang ibang halaga ay nawawala, ang magiging default na halaga ay dadalhin (kung mayroon).
Ang mga katangian na ito ay maaaring gamitin din bilang magkahiwalay na estilong property. Matibay na itinuturo sa mga hindi nagiging advanced na tagapag-ulat na gamitin ang magkahiwalay na property upang makakuha ng mas mabuting kontrol.
Bilang karagdagan:
CSS Tutorial:CSS 字体
CSS Reference Manual:Property ng font
Sample
Halimbawa 1
I-set ang font ng <p> elemento:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Halimbawa 2
Ibabalik ang font ng <p> elemento:
alert(document.getElementById("myP").style.font);
Gramata
Ibabalik ang font property:
object.style.font
I-set ang font property:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
Halaga ng katangian
Halaga | Paglalarawan |
---|---|
style | I-set ang estilo ng font. |
variant | I-set ang teksto bilang maliliit na kapit-bukas. |
weight | I-set ang kalalasan ng font. |
size | I-set ang laki ng font. |
lineHeight | I-set ang space sa linya. |
family | I-set ang font. |
caption | Font na ginagamit sa caption kontrol (tulad ng button, dropdown menu, at iba pa). |
icon | Font na ginagamit sa pagsusukat ng icon. |
menu | Font na ginagamit sa menu. |
message-box | Font na ginagamit sa dialog. |
small-caption | Font na ginagamit sa maliit na kontrol. |
status-bar | Font na ginagamit sa window status bar. |
initial | I-set ang katangian na ito sa kanyang default na halaga. Tingnan ang initial. |
inherit | Makukuha ito mula sa kanyang magulang na elemento. Tingnan ang inherit. |
Detalye ng Teknolohiya
Default na Halaga: | Wala sa itaas |
---|---|
Halaga ng Bumalik: | String na naglalarawan ng iba't ibang katangian ng font ng elemento. |
Versyon ng CSS: | CSS1 |
Suporta ng Browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Suporta | Suporta | Suporta | Suporta | Suporta |
- Nangungunang pahina flexWrap
- Susunod na pahina fontFamily
- Bumalik sa isang antas Object ng Style ng HTML DOM