Hvordan lage tekst fet i CSS

Hvordan lage tekst fet i CSS
Når noen tekst krever vekt eller oppmerksomhet, er den satt til å fete for å få oppmerksomheten. I HTML bruker vi tag eller Tag for å gjøre tekst fet. CSS har også støtte til å fete teksten. Du kan imidlertid ikke kontrollere intensiteten av dristighet. Her spiller CSS sin rolle. I CSS kan tekstens dristighet økes eller reduseres ved hjelp av fontvektegenskapen.

Dette innlegget gir en innsikt for å gjøre tester fet skrift i CSS med følgende læringsutbytte:

  • Hvordan fontvektegenskap fungerer i CSS
  • Hvordan lage tekst fet i CSS

Hvordan fontvektegenskap fungerer i CSS

I CSS setter fontvektegenskapen intensiteten til skrifttontens dristighet, noe som betyr at denne egenskapen øker eller reduserer dristigheten dynamisk. Følgende syntaks forklarer bruken av denne egenskapen

Syntaks

Font-vekt: verdi;

I den ovennevnte syntaks-fontvektegenskapen kan brukes som inline, interne eller eksterne CSS, og vi kan sette dens verdier som lette, lettere, dristige eller dristige. Vi kan også spesifisere verdien av egenskapen med et tall fra 100 til 900.

Hvordan fet teksten i CSS

I CSS bruker vi fontvektegenskapen for å fete teksten. Som diskutert tidligere, godtar den fontvektegenskapen det faste navnet i verdi og en numerisk verdi også.

Bruke den dristige verdien av den fontvektegenskapen
Vi kan sette verdiene til dristige og dristige i henhold til kravet. Følgende eksempel vil hjelpe deg med å forstå fontvektegenskapen.

Eksempel



Fet skrift i CSS


Dette avsnittet er skrevet for å bruke fontvektegenskaper på den.



I dette eksemplet har vi brukt CSS 'Fontvekt'eiendom og setter verdien til'dristig'

Produksjon

Denne utgangen viser at avsnittets tekst blir fet etter å ha brukt Fontvekt eiendom når vi setter verdien til dristig.

Ved hjelp av en numerisk verdi av fontvektegenskaper
Vi har en fontvektegenskap med tall som betyr at vi kan endre tykkelsen på teksten ved å sette verdien fra 100 til 900. Mens verdier fra 100 til 600 er for lysstykkelse og verdier fra 700 til 900 er for fontens dristighet. I eksemplet nedenfor vil du få en klar ide om å bruke fontvektegenskaper med tall.

Eksempel



Fet skrift i CSS


Dette avsnittet er skrevet for å bruke fontvektegenskaper på den.



I dette eksemplet brukte vi CSS Font-Weight-egenskap og satte verdien som 750 for å fete teksten.

Produksjon

Denne utgangen viser tekstens dristighet i henhold til den gitte tykkelsen.

Konklusjon

I CSS kan fontvektegenskapen til CSS brukes til å fet teksten på en rekke måter. Verdien av den fontvektede egenskapen bestemmer intensiteten til fet tekst i CSS. Dette innlegget gir en demonstrasjon av hvordan du gjør tekst fet i CSS. Fontvektegenskapen godtar de spesifikke så vel som numeriske verdier for å koke teksten i CSS.