The šrifto svoris CSS savybė naudojama šrifto svoriui arba storiui nustatyti. Jis nurodo, koks plonas ar storas yra teksto simboliai. The šrifto svoris ypatybė priklauso nuo naršyklės nurodyto svorio arba galimų šriftų veidų šriftų šeimoje. Ši CSS savybė apibrėžia nuo plonų iki storų simbolių.
Jis priima iš anksto nustatytas skaitines arba raktinių žodžių reikšmes. Galimi raktiniai žodžiai, kuriuos galime naudoti su šia nuosavybe normalus, drąsus, lengvesnis ir drąsesnis . Skaitinė reikšmė gali būti 100, 200, 300, .........,iki 900. Didesnė skaitinė reikšmė rodo didesnį šrifto svorį nei mažesnės skaitinės reikšmės.
Sintaksė
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
The numerį aukščiau pateiktoje sintaksėje reiškia skaitines reikšmes. Skaitinė reikšmė 400 yra tokia pati kaip raktinio žodžio vertė normalus , ir vertę 700 yra tokia pati kaip raktinio žodžio vertė drąsus .
The normalus stipri> reikšmė apibrėžia įprastus simbolius ir drąsus reikšmė nurodo storus simbolius. The drąsiau reikšmė reiškia paryškintą šrifto svorį ir lengvesni reikšmė reiškia lengvesnį šrifto svorį nei iš pirminio paveldėto storio.
Pažiūrėkime, kaip paryškinti tekstą CSS naudojant iliustraciją.
žibintuvėlio montavimas
Įvadas
CSS yra žinomas kaip galingas tinklalapio kūrimo įrankis. Naudodami tai galime įvairiais būdais formuoti HTML turinį. Viena iš labiausiai paplitusių tinklalapio stiliaus ypatybių yra šrifto svorio savybės pagalba. Naudodami paryškintą tekstą galime pabrėžti pagrindinę informaciją ir vizualinį kontrastą, be to, tai pagerina turinio skaitomumą.
str.substring Java
Šrifto svorio ypatybės supratimas
CSS yra ypatybė Font-Weight, kuri naudojama šrifto svoriui arba storiui apibrėžti. Ji taip pat nustato teksto paryškinimo ar lengvumo laipsnį, o didesnė reikšmė reiškia paryškintą šrifto svorį. Šrifto svorio ypatybė priima įvairias reikšmes, pvz., skaitines ir raktinio žodžio reikšmes.
Skaitinių reikšmių diapazonas yra nuo 100 iki 900, o didinimas po 100. Pavyzdžiui, jei šrifto svorio reikšmę laikome 400, tai yra normalu, o 700 šrifto svorio reikšmė laikoma paryškinta. Paryškintas, drąsesnis, lengvesnis ir Kai kurios dažniausiai naudojamos raktinių žodžių reikšmės.
Kaip sukurti paryškintą tekstą naudojant CSS
Paryškintą tekstą HTML galime sukurti naudodami CSS. Galime naudoti tiesiogines, vidines arba išorines šrifto stiliaus ypatybes.
1. Kaip galime sukurti paryškintą tekstą naudodami įterptą stilių
Naudodami įterptinį stilių, šrifto svorio ypatybę galime naudoti tiesiogiai konkrečiam HTML elementui. Paimkime pavyzdį.
HTML kodas:
Zeenat Aman aktorius
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Išvestis
Paaiškinimas:
Aukščiau pateiktame kode naudojome eilutę CSS, o šrifto svorio ypatybę pritaikėme pusjuodžiu.
2. Kaip galime sukurti paryškintą tekstą naudodami vidinį stilių
Čia turime įrašyti CSS ypatybę head žymos viduje su stiliaus žyma. Paimkime pavyzdį:
HTML kodas:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> Išvestis
Paaiškinimas:
Aukščiau pateiktame kode naudojome vidinį CSS ir pritaikėme šrifto svorio ypatybę.
ascii iš a Java
3. Kaip galime sukurti paryškintą tekstą naudodami išorinį stilių
Čia turime sukurti išorinį CSS failą ir susieti jį su HTML failu. Šiame CSS faile turime įrašyti stiliaus ypatybę. Paimkime pavyzdį.
HTML kodas:
skirtumas tarp meilės ir patinka
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
CSS kodas:
p { font-weight: bold; } Išvestis
Paaiškinimas:
Aukščiau pateiktame kode mes panaudojome išorinę CSS ypatybę ir įdiegėme šrifto svorio ypatybę.
Pavyzdys
Pažiūrėkime, kaip sukurti paryškintą skirtingų atspalvių tekstą naudojant toliau pateiktą pavyzdį:
p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> Išvestis
