A betűszínt a tag attribútum állítja be. Betűtípus-család, betűméret, szín és egyéb css-tulajdonságok a betűtípus-beállítások beállításához

A betűtípus színe az oldalon beállítható, hogy mikor HTML segítség-kód. Van erre egy címke. betűtípus. Értelemszerűen a címke betűtípus egyfajta "burkolóként" vagy "tárolóként" szolgál a szöveg számára, amelynek tulajdonságainak szabályozásával módosíthatja a szöveg kialakítását.

Címke betűtípus a következőképpen alkalmazzák:

Weboldal készítő "Nubex"

A HTML-ben a betűszín megváltoztatásának legegyszerűbb módja az attribútum használata szín címke betűtípus:

Weboldal készítő "Nubex"

Ez beállítja a címke által keretezett szó kék színét betűtípus.

De a színparaméteren kívül a címkének más attribútumai is vannak.

FONT címke attribútumai

Címke betűtípus csak három tulajdonsága van:

  • szín- beállítja a szöveg színét;
  • méret- beállítja a szöveg méretét;
  • arc- beállítja a betűcsaládot.

Paraméter szín színnévvel (pl. "piros", "kék", "zöld") vagy hexadecimális kóddal (pl. #fa8e47) adható meg.

Tulajdonság méret 1 és 7 közötti értéket vehet fel (az alapértelmezett 3, ami 13,5 pontnak felel meg a Times New Roman betűtípus esetén). Az attribútum beállításának másik lehetősége a „+1” vagy „-1”. Ez azt jelenti, hogy a méret az alaphoz viszonyítva eggyel többet vagy kevesebbet fog változni.

Fontolja meg ezen attribútumok használatát a példánkban:

Betűszín megváltoztatása HTML-lel

Weboldal készítő "Nubex"



Felhelyeztük a címkét betűtípus egy szóra állítsd be a 6-os méretet, narancssárga színt és „Serif” betűcsaládot.

Szövegszín beállítása CSS-sel

Ha bizonyos formázásokat kell alkalmazni (például módosítani kell a szöveg színét) több szövegrészre, akkor helyesebb a CSS kód használata. Ehhez van egy színattribútum. Nézzük meg, hogyan kell használni a példánkban:

Betűszín megváltoztatása CSS-sel

Konstruktőr oldalak "Nubex"



Itt kék színt állítunk be a "Constructor" szóhoz (a mérete alapértelmezés szerint az alap 100%-a), a zöld színt és a méretet 125%-ban a "sites" szónál, a narancs színt és a méretet a 150%-ban a "Nubex" szónál. ".

A szabványos betűméretek és -stílusok (betűtípusok) használata mellett speciális címkék segítségével is megadhat betűtípusokat minden egyes szövegrészlethez. A legegyszerűbb az ún fizikai stílusok:

Minden fizikai stíluscímkéhez tartozik egy megfelelő zárócímke, amely felülírja a stílus további alkalmazását. Például a címkére a záró címke az.
Az alábbiakban egy példaprogram és kinézet különböző fizikai stílusok:


<НЕАD><ТIТLЕ>Fizikai stílusok

<В>Bátor
Dőlt betűs
aláhúzva
kihúzott
<ТТ>Írógép
<ВХ1>Félkövér dőlt
<ВХ1><и>Félkövér, dőlt aláhúzott


Rizs. 649 Fizikai stílusok

A fejléccímkén belül beszúrhat egy fizikai stíluscímkét a teljes címsor vagy csak egy részének módosításához. Például a címsorként meghatározott szövegrész dőlt betűzéséhez a következő konstrukciót használhatja:


<НЕАD><ТIТLЕ>Fizikai és logikai stílusok

<Н2>ez - módosított 2. szintű címsor

Rizs. 650. A címsorrész betűstílusának megváltoztatása

Egyedi címkével beállíthatja a szöveges kép betűtípusát: állítsa be a betűtípust, a méretet és a színt. Először is beállíthatja a fő betűtípus méretét, amely alapértelmezés szerint a dokumentumban használatos. a fő betűtípus címke rendelkezik a formátummal . Az alap betűméret 1 és 7 között állítható be. Ha nem használja ezt a címkét, az alapértelmezett alapbetűméret 3.
címke beállítja az aktuális betűméretet az egyes szövegrészletekhez. Ez a címke nincs hatással a stílusokra. A lehetséges értékek tartománya 1 és 7 között van. Ez a címke lehetővé teszi az aktuális betűtípus méretének szabályozását is a fő betűtípushoz képest. Ehhez használja a + szimbólumot (a növeléséhez) és a - szimbólumot (a csökkentéséhez) a betűméretet adott mértékben. Például, ha a fő betűméret 3-ra van állítva, akkor a címke az aktuális betűméretet 5-re állítja.
A címke a betűtípus betűtípusának beállítására szolgál. . Például:

Ha ezt a címkét nem használja a dokumentumban, akkor a böngésző a beállításaiban beállított betűtípust fogja használni. Ezért előfordulhat, hogy a felhasználó képernyőjén megjelenő szöveg teljesen másképp néz ki, mint ahogyan elképzelte. Ne feledje azt is, hogy ha a hozzárendelt betűtípus nincs telepítve a felhasználó számítógépére, akkor a böngésző az alapértelmezett betűtípussal jeleníti meg a szöveget.
A címkében lehet adja meg a betűtípusok listáját vesszővel elválasztva. Ebben az esetben a böngésző az első talált betűtípust fogja használni. Például írhat egy címkét:

FACE="Arial, Sans Serif, Courier">

Általában hasonló betűtípusok vannak megadva a listában. Javasoljuk a legnépszerűbb betűtípusok hozzárendelését. Amikor szöveges információkat helyezünk el egy oldalon, jobb, ha egyáltalán nem adunk betűtípusnevet, támaszkodva szabványos beállításokat böngésző. Ekkor azonban az oldal megtervezésekor a böngésző szabványos beállításait is érdemes használni, hogy szinkronizálja a szövegérzékelést a felhasználó lehetséges észlelésével. Hiszen nem magadnak, hanem az olvasóknak készítesz oldalt.
A COLOR attribútum használata egy címkén Beállíthatja a betűszínt:

A COLOR attribútum argumentum a színkód (piros, zöld és kék komponens, más szóval az RGB komponens) hexadecimális reprezentációja. A következő program a betűkészlet-vezérlést mutatja be:


<НЕАD><ТIТLЕ>Betűtípusok telepítése

<Р>Aria betűtípus ABCDEZHZIK
<Р>Futár betűtípus ABCDEZHZIK
<Р>Betűtípus SYMBOL ABCDEZHZIK


Rizs. 651. Különféle betűtípusok használata

Vegye figyelembe, hogy a címkében használhatja néhány vagy az összes lehetséges attribútumot. Például:

A matematikai képletekben, valamint a lábjegyzeteknél gyakran használnak indexeket, amelyek pozíciójukban (kissé magasabb vagy alacsonyabb) és méretükben különböznek a fő szövegtől. A címkék ezt a célt szolgálják. És a felső, illetve az alsó indexek esetében.


<НЕАD><Т1ТLЕ>Indexek/NEAD>

<НЗ>Példa az indexek használatára
<Р>(5+x 2)x+3

a 1+a 2+a 3
<Р>Lábjegyzetek 2


Rizs. 832 Felsõ és alsó indexek használata

A fent tárgyaltakon kívül vannak további szövegformázó címkék:

  • - email címek kiosztása, postacímekÉs
    telefonszámok;
  • <СIТЕ> - árajánlatok kiválasztása;
  • , - programszövegek, szimbolikus állandók írása;
  • - szövegbevitel a billentyűzetről.

Az utolsó három stílus monospace betűtípust használ (általában Courier). Például az egyszóközű betűtípus I és Zh betűi ugyanazt a helyet foglalják el. A monospace betűtípusok használata a szöveg szóköz karakterekkel történő igazításának egyszerű lehetőségének köszönhető.
Jegyezzünk meg még egy pontot. A betűtípusvezérlő címkékbe, valamint a logikai stíluscímkékbe beillesztheti az attribútumot TITLE="karakterlánc", amely lehetővé teszi, hogy elemleírást csatoljon a címkén belüli szöveghez. Attribútum argumentum CÍM a prompt karakterlánc. Amikor leállítja az egérmutatót a kiválasztott szón vagy kifejezésen, egy eszköztipp jelenik meg a mutató mellett. Ezzel a technikával megfejtheti a rövidítéseket, további magyarázatokat és ajánlásokat adhat a felhasználónak.

Ma továbbra is figyelembe vesszük a különféle címkéket, nevezetesen a Font, Blockquote, Pre, Strong, Em, B, I és más címkéket, amelyek lehetővé teszik a szöveg formázását.

Blockquote és előzetes formázás HTML-ben

Az idézet címke előtt (a CSS előtt). Idézetblokk V html kódot elég gyakran használták, mert a benne foglalt szövegtöredék vízszintes behúzást kapott, ami akkoriban a CSS tulajdonságok használatának lehetetlensége miatt nem volt olyan egyszerű. A Blockquote elem egy páros elem, és benne lehetnek soron belüli címkék és blokkcímkék (például P bekezdések).

Példa

Példa Blockquote-ba csomagolva

Most is a Blockquote címkét használják a szöveg stílusozásakor, de az idézőjelek megjelenését manapság általában olyan CSS-tulajdonságok segítségével állítják be, amelyek kifejezetten erre vannak írva a tervezősablon stíluslapfájljában. Például az én blogom esetében a style.css-ben a következő sorok találhatók:

#content blockquote(margin:15px 0 20px 0;padding:5px 8px 5px 35px;background:#eaedf0 url(images/quote2.png) nincs ismétlés bal felső;háttérpozíció:8px 5px;szín:#666;font-#666 méret:14px;szélesség:91%;betűstílus:dőlt;) #content blockquote p(color:#666;font-size:14px;)

Nos, a Blockquote-ba foglalt idézetek hogyan fognak kinézni a cikk szövegében a vezetővel készült interjúval.

A HTML-ben szereplő idézeten kívül még egy formázási címkét széles körben használtak korábban (a CSS megjelenése előtt) - Központ. Párosítva van (egyfajta konténer) és blokk. Tartalmazhat bármilyen szöveges elemet (mind soron belüli, mind blokkosan), amely ennek eredményeként középre kerül.

Tehát most nézzük a címkét Elő, amely lehetővé teszi a közvetlenül megadott szövegformázás átadását forráskód. Ne feledje, azt mondtam, hogy az összes egymást követő (szóköz, tabulátor és sortörés) egyetlen szóközzel lesz helyettesítve, amikor a böngészőben értelmezi a kódot.

Tehát az Elő elem letiltja a szóköz rövidítését a szövegnek abban a részében, amelyik benne lesz. Figyelemre méltó, hogy a Pre-be zárt töredékek esetében a böngésző nem töri automatikusan a sorokat szóközön.

Azok. A Pre elemen belüli összes sort töretlennek tekinti a böngésző - ahogy a kódban is írtad, az megjelenik a böngészőben. Ezen túlmenően, a böngészőben az előcímkével formázott szövegrész megjelenítéséhez egy térközű betűtípust használnak, például Courier New vagy hasonlót.

Formázás a forráskód címkében Az előcímkék elavultak

Maga a Pre tag egy blokkcímke, és benne (ez a címke párosítva) csak beágyazott tartalom zárható be (azaz P bekezdések, H1 - H6 címsorok stb. nem kerülhetnek bele).

A HTML-nek van egy másik blokkcímkéje is, amelyet szöveg formázására terveztek - Cím. Ezen a címkén belül a validátor szabványai szerint csak inline tartalom helyezhető el, amely dőlt betűvel jelenik meg a böngészőben.

Betűtípus – a szöveg színével és betűtípusával használható tiszta HTML-ben

Erős, Em-címkék logikai és vizuális kiemelések a szövegben

Ha most nem létezne CSS, akkor a logikai és fizikai (vizuális) szövegformázási címkék célját kellene leírnom. Hanem azért, mert A webhelyek túlnyomó többségén ma már CSS-t használnak, az ilyen címkék szerepe a HTML kódban szinte nullára csökkent, ezért gyorsan átnézem őket, és elmagyarázom, miért használták korábban (és néhányat most is).

A vizuális címkék célja a szöveg stílusának megváltoztatása, amely a webhely látogatói számára látható lesz, de nem szabad megadni. Speciális figyelem kereső motorok.

A logikai szövegformázó címkék elméletileg bármelyiket jelölik keresőmotorokra helyezik a hangsúlyt. A felhasználó számára ezen elemek kiemelése a kiválasztott szavak megjelenését is megváltoztatja.

Ha emlékszel, nem is olyan régen az optimalizálóknak azt tanácsolták, hogy rendeljenek jelentős helyeken kulcsszavakkal (hogyan kell kiemelni) Strong és EM logikai formázási címkékkel, amelyek a felhasználó számára normál félkövér és dőlt kiemelésnek tűnnek.

De a választásokhoz anélkül kulcsszavakat javasolt a "B" és az "I" HTML elemek használata, amelyek a felhasználók számára ismét félkövér és dőlt kiemelésnek tűnnek, de már kereső motorok nem vették figyelembe, mert ezek nem logikai formázási címkék.

Most mindez gyakorlatilag nem úgy működik, ahogy terveztük, és inkább megszokásból végezzük a kulcsszavak kiválasztását a Strong és az EM segítségével, mintsem a keresőmotorok bizonyos hozadékát remélve.

Tehát a már említett "B" és "I" (félkövér és dőlt betűvel kiemelve) mellett a kategóriába vizuális formázás beletehetjük a cikk elején már tárgyalt Font, Pre, valamint a címkéket:

  1. "U" - kiemelés aláhúzással
  2. „Áthúzás” – áthúzott
  3. "Sup" - felső index
  4. "Sub" - alsó index
  5. "Tt" - kijelölés monospace betűtípussal
  6. "Big" - növelje a betűtípust
  7. "Kicsi" - csökkentse a betűtípust

Nos, most nézzük az elemek listáját logikai formázás szöveg:

  1. "Em" - a fontos töredékek logikus kiválasztása dőlt betűvel
  2. "Erős" - ugyanaz, de csak félkövérrel lesz kiemelve
  3. „Idézet” – emelje ki az idézeteket dőlt betűvel
  4. "Kód" - különféle kódok monospace betűtípussal történő megjelenítésére szolgál
  5. "Samp" – több karakter kiválasztásához egy szóköz betűtípusban
  6. "Abbr" - a címke Title attribútumában minden rövidítés dekódolása be van írva (például CSS vagy Html, amelyeket betűkkel olvasunk, és nem egyetlen szóként). A Címbe írt szavak megjelennek, ha az egérmutatót a rövidítés fölé viszi.
  7. A "mozaikszó" ugyanaz, de a mozaikszavakra használják, pl. olyan rövidítések, amelyeket nem betűvel, hanem szóként olvasnak (például MKAD vagy GAI)
  8. "Kbd" - a webhely felhasználója által a billentyűzetről beírt szöveg egy szóközzel történő megjelenítésére szolgál
  9. „Var” – egyes kódokban a változók dőlt betűzésére szolgál
  10. "Del" - kiemelés áthúzással, ha azt szeretné megmutatni, hogy a HTML dokumentum megjelenése után töröltek egy töredéket
  11. "Ins" - aláhúzás, amikor meg kell mutatni, hogy a HTML-dokumentum közzététele után beszúrtak egy darabot

Még egyszer megismétlem, hogy ezek a formázási címkék nagyrészt nagyon ritkák, amikor most kódot írunk, de mégsem lesz felesleges tudni a céljukat.

Sok szerencsét! Hamarosan találkozunk a blogoldalak oldalán

Lehet, hogy érdekel

Szóköz karakterek és a kód formázása HTML-ben, valamint nem törő szóköz speciális karakterek és egyéb emlékeztetők
A színek beállítása a HTML- és CSS-kódban, az RGB-árnyalatok kiválasztása a táblázatokban, a Yandex eredmények és más programok Select, Option, Textarea, Label, Fieldset, Legend - címkék Html űrlapok legördülő listák és szövegdobozok
Listák Html kódban – UL, OL, LI és DL címkék
Hogyan hozzunk létre hiperhivatkozást (A, Href, Target blank), hogyan nyissuk meg új ablakban a webhelyen, és hogyan készítsünk egy képet hivatkozásként HTML kódban
Táblázatok HTML-ben – Táblázat, Tr és Td címkék, valamint Colspan, Cellpadding, Cellspacing és Rowspan a létrehozásukhoz
H1-H6 fejléccímkék és attribútumok, vízszintes vonal Hr, sortörés Br és P bekezdés a Html 4.01 szabvány szerint
Mi az a HTML hiperszöveg jelölőnyelv, és hogyan kell felsorolni az összes címkét a W3C érvényesítőben
Img - Html címke kép beszúrásához (Src), szöveghez igazításához és körbefűzéséhez (igazítás), valamint háttér (háttér) beállításához
Megjegyzés direktívák és Doctype a HTML kódban, valamint a blokk és a soron belüli elemek (címkék) fogalma

2014.11.27. 88,7K

A html-ben a betűméret fontos szerepet játszik. Felhívja a felhasználó figyelmét fontos információ közzétették a weboldalon. Bár nem csak a betűk mérete a fontos, hanem a színük, vastagságuk, sőt családjuk is.

Címkék és attribútumok, ha html betűtípusokkal dolgozik

A hipertext nyelv számos eszközzel rendelkezik a betűtípusokkal való munkához. Végül is a szöveg formázása a html fő feladata.

A HTML nyelv létrehozásának oka a szövegformázási szabályok böngésző általi megjelenítésének problémája volt.


Fontolja meg azokat a címkéket, amelyek a html betűtípusokkal és azok attribútumaival dolgoznak. A fő a címke . Attribútumai értékeinek felhasználásával több betűtípus-jellemzőt is beállíthat:
  • szín - beállítja a szöveg színét;
  • méret – betűméret tetszőleges mértékegységben.

A pozitív attribútumérték 1 és 7 között támogatott.

  • arc – a címkén belüli szöveg betűtípuscsaládjának beállítására szolgál . Több érték is támogatott, vesszővel elválasztva.

Csak a párosított betűtípuscímke részei között található szöveg formázódik. A szöveg többi része az alapértelmezett betűtípussal jelenik meg.


A html-ben is számos párosított címke található, amelyek csak egy formázási szabályt határoznak meg. Ezek tartalmazzák:
  • - beállítja a félkövér betűtípust a html-ben. Címke működésében hasonló az előzőhöz;
  • - a méret nagyobb, mint az alapértelmezett;
  • - kisebb betűméret;
  • - dőlt szöveg (dőlt). Hasonló címke ;
  • — aláhúzott szöveg;
  • - kihúzott;
  • — szöveg megjelenítése csak kisbetűvel;
  • - nagybetűvel.

egyszerű szöveg

Miniatűr

Miniatűr

Több, mint máskor

A szokásosnál kevesebb

Dőlt betűs

Dőlt betűs

Aláhúzással

Áthúzott

Stílustulajdonságok képességei

A leírt címkéken kívül számos további módszer is létezik a html betűtípus megváltoztatására. Az egyik az általános stílus attribútum használata. Tulajdonságai értékeinek felhasználásával beállíthatja a betűtípus megjelenítési stílusát:

1) font-family - a tulajdonság beállítja a betűtípuscsaládot. Több érték felsorolása is lehetséges.
A html betűtípusának a következő értékre történő módosítása megtörténik, ha az előző család nincs beállítva operációs rendszer felhasználó.

Írás szintaxisa:

font-family: font-name [, font-name[, ...]]

2) font-size - a méret 1 és 7 között van beállítva. Ez az egyik fő módja annak, hogy növelje a betűtípust a html-ben.
Írás szintaxisa:

font-size: abszolút méret | relatív méret | érték | kamat | örököl

A betűméretet is beállíthatja:

  • pixelben;
  • Abszolút értelemben ( xx-kicsi, x-kicsi, kicsi, közepes, nagy);
  • százalékban;
  • Pontokban (pt).

betűméret: 7

betűméret: 24 képpont

Betűméret: x-nagy

betűméret: 200%

betűméret: 24 pt


3) font-style - beállítja a betűtípus stílusát. Szintaxis:

betűstílus: normál | dőlt | ferde | örököl

Értékek:

  • normál - normál helyesírás;
  • dőlt – dőlt
  • ferde - jobbra dőlő betűtípus;
  • inherit - örökli a szülőelem helyesírását.

Példa a betűtípus megváltoztatására html-ben ezzel a tulajdonsággal:

font-style: inherit

font-style:dőlt

font-style:normal

font-style:ferde


4) font-variant - minden nagybetűt nagybetűvé alakít. Szintaxis:

font-variáns: normál | kis sapkák | örököl

Példa arra, hogyan lehet megváltoztatni a betűtípust html-ben ezzel a tulajdonsággal:

font-variant: inherit

font-variant:normal

font-variant:small-caps


5) font-weight - lehetővé teszi a szöveg vastagságának (telítettség) beállítását. Szintaxis:

betűsúly: félkövér|félkövérebb|világosabb|normál|100|200|300|400|500|600|700|800|900

Értékek:

  • félkövér – a html betűtípust félkövérre állítja;
  • merészebb - merészebb a normálhoz képest;
  • világosabb - a normálhoz képest kevésbé telített;
  • normál - normál helyesírás;
  • 100-900 - beállítja a betűvastagságot számszerűen.

font-weight:bold

font-weight:bolder

font-weight:lighter

font-weight:normal

betűsúly: 900

betűsúly: 100

font tulajdonság és html betűszín

A Font egy másik konténertulajdonság. Belsőleg egyesítette több, a betűtípusok megváltoztatására tervezett tulajdonság értékeit. Betűtípus szintaxis:

font: font-size font-family | örököl

A rendszer által a különféle vezérlők címkéiben használt betűtípusok is beállíthatók értékként:

  • felirat - a gombokhoz;
  • ikon - ikonokhoz;
  • menü - menü;
  • üzenetdoboz - párbeszédpanelekhez;
  • kis felirat - kis vezérlőkhöz;
  • állapotsor - állapotsor betűtípusa.

Címke BETŰTÍPUS egy tároló a betűtípus jellemzőinek, például méretnek, színnek és betűtípusnak a megváltoztatásához. Bár ezt a címkét továbbra is minden böngésző támogatja, elavult, és a stílusok javára el kell hagyni.

Szintaxis
Szöveg

Záró címke
Kívánt.

Lehetőségek
szín - szöveg színe.
arc - szöveg betűtípusa.
méret - betűméret.

1. példa: A FONT címke használata



PEnnek a mondatnak az első betűje Arial betűvel lesz írva, pirossal és kinagyítva.

Eredmény

Ennek a mondatnak az első betűje Arial betűvel lesz írva, pirossal és kinagyítva.

A FONT címke paramétereinek leírása

COLOR paraméter

Leírás
Beállítja a FONT tárolóban lévő szöveg színét.

Szintaxis
...

Érvek
A színek megadására két módszert használnak: az első hexadecimális kódban használja a színmegjelöléseket, a második pedig egyes színek nevét. A leggyakrabban használt módszer a hexadecimális rendszeren alapul, mint a leguniverzálisabb. A decimális rendszer, bár jobban ismert a prezentációban, csak a CSS segítségével talál használhatót.

A hexadecimális rendszer, a decimális rendszertől eltérően, ahogy a neve is sugallja, a 16-os számon alapul. A számok a következők lesznek: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. A 10 és 15 közötti számokat latin betűk helyettesítik. A táblázat a decimális és a hexadecimális számok közötti megfelelést mutatja.

Tizedesjegyek 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Hexadecimális 1 2 3 4 5 6 7 8 9 A B C D E F

A hexadecimális rendszerben a 15-nél nagyobb számok két szám egyesítésével jönnek létre. Például a 255 decimális szám megfelel a hexadecimális FF számnak. A számrendszer meghatározásakor a félreértés elkerülése érdekében a hexadecimális számot a # hash szimbólum előzi meg, például #666999.

Egy tipikus szín így néz ki.

#FA8E47> Szöveg

A háttérszín beállítása #FA8E47. A szám előtti # font jel azt jelenti, hogy hexadecimális. Az első két számjegy ( FA) határozza meg a szín piros összetevőjét, a számokat a harmadiktól a negyedikig ( 8E) zöld, az utolsó két számjegy pedig ( 47 ) kék. A végeredmény ez a szín.

FA + 8E + 47 = FA8E47

A három szín – piros, zöld és kék – mindegyike 00 és FF közötti értéket vehet fel, így összesen 256 árnyalat érhető el. Így az RGB modellben a színek száma 256 x 256 x 256 = 16.777.216 kombináció lehet.

CSS analóg
szín

Alapértelmezett érték
A böngésző alapértelmezett színe.

2. példa: Szöveg háttérszíne





Eredmény

FACE paraméter

Leírás
Az arc paraméter a szöveghez használt betűtípus beállítására szolgál. Több betűtípusnév is megadható, vesszővel elválasztva. Ebben az esetben, ha az első megadott betűtípus nem található, a böngésző a következőt használja a listában.

Szintaxis
...

Érvek
Tetszőleges számú betűtípus neve vesszővel elválasztva. Univerzális betűtípuscsaládok:
serif - serif betűtípusok (antik), például Times;
sans-serif - serif betűtípusok (sans-serif vagy groteszk betűtípusok), tipikus képviselője az Arial;
cursive - cursive fonts;
fantázia - dekoratív betűtípusok;
monospace - monospace betűtípusok, a család minden karakterének szélessége azonos.

CSS analóg
betűtípus család

Alapértelmezett érték
Az alapértelmezett betűtípus a böngészőben.

3. példa: A betűtípus megváltoztatása



Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Eredmény

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

SIZE paraméter

Leírás
A Z beállítja a betűméretet hagyományos mértékegységekben 1-től 7-ig. Az alapértelmezetten használt átlagos méret 3. A betűméret megadható abszolút értékként (például size=4) vagy relatív (például size=+1, méret=-1). Ez utóbbi esetben a méret az alaphoz képest változik. A betűméretet nem csak a megadott méretparaméter, hanem a betűtípus megválasztása is befolyásolja. Például az Arial betűtípus nagyobbnak tűnik, mint a Times, a Verdana betűtípus pedig valamivel nagyobb, mint az Arial betűtípus. Vegye figyelembe ezt a funkciót a betűtípus és annak méretének kiválasztásakor.

Szintaxis
...

Érvek
Egy egész szám 1 és 7 között, vagy módosítsa az értéket felfelé vagy lefelé a + és - szimbólumok segítségével.

CSS analóg
betűméret

Alapértelmezett érték
3

4. példa: Szövegméret



Betűméret 1

Betűméret 2

3-as betűméret

4-es betűméret

5-ös betűméret

6-os betűméret

betűméret 7

Eredmény

Betűméret 1
Betűméret 2
3-as betűméret
4-es betűméret
5-ös betűméret
6-os betűméret
betűméret 7


Betöltés...
Top