CSS font 属性

Paglilinaw at Paggamit

Ang maikling katangian ng font ay ginagamit upang iset ang lahat ng katangian ng font sa isang pahayag.

Komento:Ang katangian na ito ay may anim na halaga: "line-height", na maaaring itakda ang layo ng linya.

Paliwanag

Ang maikling katangian na ito ay ginagamit upang iset ang dalawa o higit pang aspeto ng font ng elemento ng isang paglilipat. Ang paggamit ng mga pangkatulad ng icon ay magiging maganda para sa pagtatakda ng font ng elemento upang ito ay tumutugma sa isang aspeto ng kapomputeran ng user. Mag-ingat, kung hindi nagamit ang mga pangkatulad na ito, dapat na ipakilala ang laki ng font at ang uri ng font.

Maaaring itatawag ang mga sumusunod na attribute sa pagkakasunod-sunod:

Maaaring hindi itatawag ang anumang halaga, tulad ng font:100% verdana; ay pinapayagan din. Ang mga hindi itatawag na attribute ay magiging default value.

See Also:

CSS Tutorial:CSS 字体

HTML DOM Reference Manual:Font Attribute

Example

Set all font attributes in one declaration:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Try It Yourself

CSS Grammar

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Attribute Value

Value Description
font-style Tutukoy ang style ng font. Tingnan ang:font-style Mga posibleng halaga.
font-variant Tutukoy ang iba't ibang style ng font. Tingnan ang:font-variant Mga posibleng halaga.
font-weight Tutukoy ang kagamitan ng font. Tingnan ang:font-weight Mga posibleng halaga.
font-size/line-height Tutukoy ang laki ng font at line height. Tingnan ang:font-size at line-height Mga posibleng halaga.
font-family Tutukoy ang family ng font. Tingnan ang:font-family Mga posibleng halaga.
caption Itinaas ang font na ginagamit ng title control (gaya ng button, dropdown list, at iba pa).
icon Itinaas ang font na ginagamit ng icon marker.
menu Itinaas ang font na ginagamit ng dropdown list.
message-box Itinaas ang font na ginagamit ng dialog box.
small-caption Small version ng caption font.
status-bar Itinaas ang font na ginagamit ng window status bar.

Technical Details

Default Value: not specified
Inheritance: yes
Version: CSS1
JavaScript Grammar: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY (Try It Yourself) Mga Halimbawa

Lahat ng font attribute sa isang decleration
Ito ay nagpakita kung paano itatawag ang font style gamit ang maikling katangian sa isang decleration.
Ito ay nagpakita kung paano itatawag ang font style ng paragrapo gamit ang halaga ng "caption".
Ito ay nagpakita kung paano itatawag ang font style ng paragrapo gamit ang halaga ng "caption".

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5