Ultimele tutoriale de dezvoltare web
 

Style font Property

<Style Object

Exemplu

Setează fontul pentru <p> Element:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate sau de fonturi se întoarce până la șase proprietăți de fonturi distincte, într-o formă prescurtare.

Cu această proprietate, puteți seta / returna următoarele (în această ordine):

  • stilul fontului
  • font-variant
  • font-greutate
  • marimea fontului
  • inaltimea liniei
  • familie de fonturi

Sunt necesare font-size și font-family. În cazul în care una dintre celelalte valori lipsesc, vor fi inserate valorile implicite, dacă este cazul.

Proprietățile de mai sus pot fi de asemenea stabilite cu proprietăți de stil separate. Utilizarea de proprietăți separate este foarte recomandat pentru autori non-avansate pentru o mai bună manevrabilitate.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea font este acceptat în toate browserele majore.


Sintaxă

Întoarcere proprietatea fontului:

object .style.font

Setați proprietatea fontului:

object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Valori de proprietate

Valoare Descriere
style Setează stilul fontului
variant Setează textul într-un font mic-caps
weight Setează cutezanța fontului
size Setează dimensiunea fontului
lineHeight Setează distanța dintre liniile
family Setează fața fontului
caption Fontul utilizat pentru controalele Captioned (like buttons, drop-downs, etc.)
icon Fontul utilizat pentru icoane etichete
menu Fontul utilizat în meniuri
message-box Fontul utilizat în casetele de dialog
small-caption Fontul utilizat în controale mici
status-bar Fontul utilizat în bara de stare fereastră
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: nespecificat
Întoarcere Valoare: Un șir, reprezentând diferite proprietăți de fonturi ale elementului
CSS Versiune CSS1

Mai multe exemple

Exemplu

Readuceți fontul unui <p> Element:

alert(document.getElementById("myP").style.font);
Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS Font

Referință CSS: font property


<Style Object