En eiendom som lar deg gi verdier til en rekke CSS -egenskaper samtidig omtales som en korthet. Betydningen av disse egenskapene kan vektlegges av det faktum at bruk av disse egenskapene resulterer i mindre antall kodelinjer, og dermed sparer tiden og energien din. Det er en rekke egenskaper i CSS som blir referert til som Shorthand -eiendommer, men fokuset for denne artikkelen er Font Shorthand -eiendom.

CSS Font Property: En korthånds eiendom

Som allerede nevnt er en shorthand -eiendom en snarvei til å gi verdier til andre forskjellige CSS -egenskaper på en gang. CSS -fontegenskapen er også en kortfattet eiendom for flere andre skriftrelaterte egenskaper som er;

1. Font-stil eiendom
2. Font-variant eiendom
3. Font-vekt-egenskap
4. Font-størrelse eiendom
5. Font-Family Property

Før vi forstår fontegenskaper som en korthåndsegenskap ved hjelp av et eksempel, la oss først utforske de ovennevnte egenskapene.

Font-stil eiendom

Som navnet antyder, brukes denne egenskapen til å gi skrifter litt stil. Ulike verdier som denne egenskapen viser er innledende, kursiv, skrå, arve eller normal.

Syntaks

Den har følgende syntaks.

Font-stil: kursiv;

Font-variant eiendom

Denne egenskapen brukes til å vise store bokstaver i småkapsler som er store bokstaver i størrelse relativt mindre enn normale store bokstaver. Normale, innledende, arve og småkapsler er forskjellige verdier som denne egenskapen kan motta.

Syntaks

Denne egenskapen har den nedenfor-nevnte syntaks.

Font-Variant: Small-Caps;

Font-vekt-egenskap

For å endre skriftvekten (tykk eller tynn) brukes denne egenskapen. Denne egenskapen gjengir forskjellige verdier som er; normal, arve, innledende, dristig, dristigere og lettere. Du kan også gi verdier i numerisk form i.e. 100-900.

Syntaks

Syntaksen til denne egenskapen er gitt nedenfor.

Fontvekt: fet;

Font-størrelse eiendom

Denne egenskapen brukes til å gi skrifter en bestemt størrelse. Annet enn innledende og arve, kan denne egenskapen utvise verdier som middels, liten, x-small, xx-small, stor, x-stor, xx-stor, mindre, større, lengde og %.

Syntaks

Denne egenskapens syntaks er gitt nedenfor.

Fontstørrelse: Medium;

Font-Family Property

For å gi en font-family brukes denne egenskapen. Font-Family-egenskapen kan gi verdier som er: Familienavn (“Times New Roman,“ Arial ”, osv.), Generisk familie (“ Serif ”,“ Sans-Serif ”, osv.

Syntaks

Syntaksen til denne egenskapen er gitt nedenfor.

Font-Family: Familienavn;

Nå som vi vet hva disse egenskapene er og hva de gjør, la oss demonstrere ved hjelp av et eksempel på hvordan fontegenskapen fungerer som en shorthand -egenskap for alle disse egenskapene.

Font Shorthand -eiendom

Nedenfor har vi også gitt syntaks for fontegenskapen.

Syntaks

Den har syntaksen gitt nedenfor.

Font: Font-stil Verdi Font-Variant Value Font-Weight Value Font-Size Value Font-Family Value;

Eksempel

I eksemplet nedenfor brukes fontegenskapen som en kortfattet eiendom.

Font Shorthand -eiendommen

I denne artikkelen lærte vi hvordan fontegenskaper kan brukes som korthåndsegenskap for andre fontrelaterte egenskaper som fontstil, font-variant, fontvekt, fontstørrelse og font-family.

I eksemplet ovenfor, ved bruk av fontegenskapen som en korthåndsegenskap, ble fontstilen til overskriften satt til kursiv, fontvekt til dristig, fontstørrelse til 28px og font-family to times new Roman, serif. I mellomtiden ble avsnittets fontstil satt til kursiv, fontstørrelse til 16px og font-family til Garamond, Serif.

Produksjon

Teksten ble vellykket stylet ved hjelp av fontegenskapen.

Konklusjon

Fontegenskapen blir referert til som en kortfattet egenskap for å gi verdier til andre egenskaper ved font som er; Font-stil, font-variant, fontvekt, font-familie og fontstørrelse på en gang. Dette innlegget diskuterer fontegenskaper som Shorthand -egenskap i detalj og demonstrerer hvordan vi kan gi flere skriftverdier i en enkelt linje og har ønsket effekt ved hjelp av et eksempel.