CSS font (méret, család, stílus, variáns, súly)

CSS font tulajdonság felelős a szöveg megjelenésének (formázás): betűméret, betűstílus, sorköz, vonalvastagság.

Syntax CSS font

  • font-style - font style:
    • normal - normál jel (alapértelmezett)
    • dőlt - dőlt szöveg
    • ferde - ferde szöveg (kicsit kevesebb, mint dőlt)
    • öröklik - értéke szülő elem kerül alkalmazásra
  • font-variant - a betűtípust:
    • normal - normál jel (alapértelmezett)
    • kiskapitális - az összes szöveg formájában jelenik meg a kis nagybetűk
    • öröklik - értéke szülő elem kerül alkalmazásra
  • font-weight - font szélessége (zsír). Meg lehet állítani számokban (100 200 900), vagy meghatározott állandók:
    • normal - normál betűméret (400)
    • Bold - Bold méretű (700)
    • merészebb - emeli a zsír
    • öngyújtó - csökkenti a zsír mennyiségét
  • font-family - font család. Más szóval, ez a neve a betűtípus. Sokan közülük, csak azokat a gyakori:
    • Ariel
    • Verdana
    • Times New Roman
    • Calibri
    • Grúzia
    • hatás
  • font-size / vonal-magasság -, és a betűméretet által megadott egy perjel még távtartó sorok között. Leggyakrabban ez van írva az abszolút értékek (a px vagy pt).

Amellett, hogy ezeket az értékeket, betűtípust lehet „állandó”:

  • felirat - a betűtípust a szöveges formában elemek (tag
    )
  • ikon - a font az ikonok parancsikonok
  • menü - a betűtípus menü
  • message-box - a font dialógusok
  • kis feliratot - csökkentett fejléc font
  • status bar - szövegét az állapotsorban
megjegyzés

Tulajdonságok font-style. font-variant. font-weight. font-size. line-height. font-family lehet külön használható (függetlenül) egymást.

Hogyan változtassuk meg a stílus és elrendezése a szöveget HTML

1. példa 15 képpont betűtípus, Ariel, Dőlt

Az oldalon alakítjuk a következő

Példa №1. Szöveg tulajdonság dőlt 15px / 30px Arial
A távolság a sorok között 30 képpont

2. példa betűtípus 16px, Calibri, zsír (félkövér)

Az oldalon alakítjuk a következő

Példa №2. Szöveg tulajdonság font-size: 16px; font-family: Calibri; font-weight: Bold; font-style: ferde;

3. példa Font: képaláírás

Példa: készen a szöveg betűtípusának űrlap elemek „font: képaláírás”

Az oldalon alakítjuk a következő

Példa №3. Szöveg font tulajdonság: felirat;