Uvod v CSS oblikovanje besedila
V prejšnjih dneh ste besedilo omejili, da bi predstavljali besedilo s staro različico CSS. Imeli ste oznako, da spremenite senčenje in tipkovnico vsebine, vendar je bilo merjenje ovirano z uporabo vnaprej označenih dimenzij besedila. Različni vplivi, kot so intenzivnost in preboj, so bili možni v samo temeljnih strukturah s pomočjo HTML nalepk. Trenutno lahko uporabnik uporablja različne lastnosti oblikovanja besedila CSS, da besedilo na spletnih straneh razporedi na svoje načine.
V tem poglavju si boste ogledali številne lastnosti oblikovanja besedila CSS. Lastnosti oblikovanja besedila CSS se uporabljajo za oblikovanje besedila, oblikovanje besedila, opisovanje nekaj slogov oblikovanja itd. Lastnosti omogočajo vizualno predstavitev znakov, presledkov, besed, odstavkov in še veliko več.
Seznam lastnosti oblikovanja besedila CSS:
Podrobnosti o načinih oblikovanja besedila v CSS: -
1) Barva besedila
To lastnost lahko uporabite za spreminjanje barve besedila. Določimo ga lahko z uporabo lastnosti barve.
Primer : ponazoritev barve besedila
CSS Text Color Property
Pozdravljen, svet….
Dobrodošli v EDUCBA …
Prikaže se naslednji izhod:
2) Poravnava besedila
To lastnost je mogoče uporabiti za spreminjanje horizontale besedila. Določite ga lahko z uporabo lastnosti levo, desno, sredino in utemeljitev.
Primer : ponazoritev poravnave besedila
Text Alignment Property
Pozdravljen, svet…
Dobrodošli v EDUCBA …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
3) Okras besedila
To lastnost lahko uporabite za okrasitev besedila. Določimo ga lahko z lastnostmi podčrtavanja, prečrtanja, premice.
Primer : ponazoritev besedilne dekoracije
Text DecorationProperty
Pozdravljen, svet…
Dobrodošli v EDUCBA …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
4) Preoblikovanje besedila
Ta lastnost se lahko uporablja za spreminjanje velikih besedil. Določite ga lahko z uporabo velikih, velikih in malih črk.
Primer : ponazoritev preoblikovanja besedila
Text Transformation Property
Pozdravljen, svet…
Dobrodošli v educba …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
5) Vstavljanje besedila
To lastnost je mogoče uporabiti za vstavitev prve vrstice besedila. Določimo ga lahko z uporabo lastnosti px, cm, pt.
Primer : Ilustracija vtisa besedila
Text Indentation Property
Pozdravljen, svet…
Dobrodošli v Educbi …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
6) Razmik med besedami
Ta lastnost se lahko uporablja za razmik med besedami. Določimo ga lahko s pomočjo lastnosti razmika besed.
Primer : ponazoritev razmika besed
Word Spacing Property
Pozdravljen, svet…
Dobrodošli v Educbi …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
7) Razmik med črkami
S to lastnostjo lahko uporabite prostor med znaki. Določimo ga lahko s pomočjo lastnosti razmika med črkami.
Primer : ponazoritev razmika med črkami
Letter Spacing Property
Pozdravljen, svet…
Dobrodošli v Educbi …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
8) Linijska višina
S to lastnostjo lahko uporabite prostor med vrsticami. Določimo ga lahko z uporabo lastnosti višine črte.
Primer : ponazoritev višine črte
Line Height Property
h3
(
line-height:2.5;
)
h4
(
line-height:150%;
)
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) je
vodilni svetovni ponudnik izobraževanja na osnovi spretnosti
V eduCBA smo ponosni na to, da se zaposlitveno usmerimo
tečaje, ki so na voljo vsem, kadarkoli in kjer koli.
Prikaže se naslednji izhod:
9) Besedilo v smeri besedila
S to lastnostjo lahko spremenite smer besedila. Določimo ga lahko z uporabo lastnosti rtl. Nastavi smer od desne proti levi.
Primer : ponazoritev smeri besedila
Text Direction Property
Pozdravljeni svet … Dobrodošli v Educbi …
Prikaže se naslednji izhod:
10) Besedilo-senca
Ta lastnost se lahko uporabi za podajanje sence besedilu. Določite ga lahko s pomočjo lastnosti text-shadow. Uporablja komponente, kot so levi položaj, zgornji položaj, velikost zameglitve, ime barve.
Primer : ponazoritev besedila-sence
Text Shadow Property
h3
(
text-shadow:3px 3px 2px lightblue;
)
h4
(
text-shadow:3px 3px 2px plum;
)
Pozdravljeni svet … Dobrodošli v EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) je izobraževanje, ki temelji na veščinah
Prikaže se naslednji izhod:
11) Ems
To je prilagodljiva enota za velikost. To lastnost em lahko uporabite za določitev velikosti besedila glede na okoliško besedilo. Privzeta velikost besedila je 1em, kar je enako 12pt. 2em je enako 24pt in tako naprej.
Primer : ponazoritev lastnosti ems
Ems Property
h3
(
font-size: 0.8em;
)
h4
(
font-size: 1.2em;
)
Pozdravljeni svet … Dobrodošli v EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) je izobraževanje, ki temelji na veščinah
Prikaže se naslednji izhod:
12) Družina pisav
Ta lastnost se uporablja za zagotavljanje različnih vrst družin pisav za izbrano besedilo. Na primer Helvetica, Calibri, Arial, Sans-serif, Times, Courier New itd.
Primer : ponazoritev lastnosti družine pisav
Font Family Property
Pozdravljen, svet…
Dobrodošli v Educbi …
Izobraževalni svetovalec …
Prikaže se naslednji izhod:
Zaključek
Do zdaj smo preučevali načine oblikovanja besedila v CSS. Vidite lahko, da je besedilo predstavljeno z različnimi lastnostmi oblikovanja besedila. Te lastnosti so zelo pomembni vidiki CSS-ja za prikazovanje besedila na spletni strani, tako da lahko uporabniki ali bralci pritegnejo, če vidijo vaše besedilo na spletnem mestu. Izkoristite te lastnosti besedila zelo enostavno in učinkovito na spletnih straneh.
Priporočeni članki
To je vodnik za oblikovanje besedila CSS. Tukaj smo podrobno razpravljali o uvodu in seznamu lastnosti formatiranja besedila CSS s primeri vzorčnih kod in ustreznim izhodom. Če želite izvedeti več, lahko preberete tudi druge naše predlagane članke -
- Kaj je CSS?
- SASS proti CSS
- Ukazi CSS
- Vprašanja za intervju CSS3