⭕ font CSS Style Property

המאפיין font מאפיין זה מגדיר את חמשת מאפייני הגופן ותצוגתו
אלו המאפיינים: font-style , font-variant , font-weight , font-size/line-height , font-family

דוגמא: שנה את מאפייני התצוגה השונים

Demo Panel:

cssguide

CSS: 111

HTML: 222

Syntax:

Valid values:

normal, italic, oblique
normal, small-caps
normal, bold, bolder, lighter
caption, icon, menu, message-box, small-caption, status-bar
Arial, Arial Black, Book Antiqua, Brush Script MT, Console, Courier New, Cursive, Fantasy, Garamond, Georgia, Helvetica, Impact, Lucida, Lucida Sans Unicode, Monospace, Palatino Linotype, Serif, Sans-serif, symbol, Tahoma, Times New Roman, Trebuchet MS, Verdana, webdings, wingdings, wingdings 2, wingdings 3, initial
xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger

Units: px, %

Js Syntax: element.style.font

תאימות דפדפנים

font
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
italic small-caps bold 12px Verdana	✔️	✔️	✔️	✔️
caption	✔️	✔️	✔️	✔️
icon	✔️	✔️	✔️	✔️
menu	✔️	✔️	✔️	✔️
message-box	✔️	✔️	✔️	✔️
small-caption	✔️	✔️	✔️	✔️
status-bar	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
normal	❌	❌	❌	❌
italic	❌	❌	❌	❌
oblique	❌	❌	❌	❌
small-caps	❌	❌	❌	❌
bold	❌	❌	❌	❌
bolder	❌	❌	❌	❌
lighter	❌	❌	❌	❌
Arial	❌	❌	❌	❌
Arial Black	❌	❌	❌	❌
Book Antiqua	❌	❌	❌	❌
Brush Script MT	❌	❌	❌	❌
Console	❌	❌	❌	❌
Courier New	❌	❌	❌	❌
Cursive	❌	❌	❌	❌
Fantasy	❌	❌	❌	❌
Garamond	❌	❌	❌	❌
Georgia	❌	❌	❌	❌
Helvetica	❌	❌	❌	❌
Impact	❌	❌	❌	❌
Lucida	❌	❌	❌	❌
Lucida Sans Unicode	❌	❌	❌	❌
Monospace	❌	❌	❌	❌
Palatino Linotype	❌	❌	❌	❌
Serif	❌	❌	❌	❌
Sans-serif	❌	❌	❌	❌
symbol	❌	❌	❌	❌
Tahoma	❌	❌	❌	❌
Times New Roman	❌	❌	❌	❌
Trebuchet MS	❌	❌	❌	❌
Verdana	❌	❌	❌	❌
webdings	❌	❌	❌	❌
wingdings	❌	❌	❌	❌
wingdings 2	❌	❌	❌	❌
wingdings 3	❌	❌	❌	❌
xx-small	❌	❌	❌	❌
x-small	❌	❌	❌	❌
small	❌	❌	❌	❌
medium	❌	❌	❌	❌
large	❌	❌	❌	❌
x-large	❌	❌	❌	❌
xx-large	❌	❌	❌	❌
smaller	❌	❌	❌	❌
larger	❌	❌	❌	❌

תפריט ראשי

מאפייני CSS

⭕ font CSS Style Property

תאימות דפדפנים