CSS fontti paino ominaisuus

Määrittely ja käyttö

font-weight-ominaisuus asettaa tekstin paksuuden.

Selitys

Tämä ominaisuus käytetään näytettävän elementin tekstin käytettävän kirjasimen paksuuden asettamiseen. Numerovaranto 400 on sama kuin avainsana normal, ja 700 on sama kuin bold. Jokaisen numerovarannon mukainen kirjasimen paksuus täytyy olla vähintään yhtä ohut kuin seuraava pienin ja vähintään yhtä paksu kuin seuraava suurin.

Katso myös:

CSS-opetusCSS kirjasin

CSS -viittausoppasCSS fontti ominaisuus

HTML DOM -viittausoppasfontWeight-ominaisuus

Esimerkki

Aseta kolmen kappaleen kirjasimen paksuus:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Kokeile itse

CSS-grammatiikka

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
normaali Oletusarvo. Määritellään standardeja merkkejä.
bold Määritellään粗体字符。
bolder Määritellään vielä paksumpia merkkejä.
lighter Määritellään vielä ohuempia merkkejä.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Määritellään ohuet merkit. 400 on sama kuin normaali, ja 700 on sama kuin bold.
inherit Määritellään, että kirjasimen paksuus tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: normaali
Perinnäisyys: kyllä
Versio: CSS1
JavaScript-grammatiikka: objekti.style.fontWeight="900"

TIY-esimerkki

Aseta kirjasimen paksuus
Tämä esimerkki näyttää, miten voit asettaa kirjasimen paksuuden.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

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