A font-weight A tulajdonság a CSS-ben a betűtípus súlyának vagy vastagságának beállítására szolgál. Meghatározza, hogy milyen vékony vagy vastag a karakterek egy szövegben. A font-weight A tulajdonság vagy a böngésző által megadott súlyoktól vagy a betűtípuscsaládban elérhető betűtípusoktól függ. Ez a CSS-tulajdonság vékony és vastag karaktereket határoz meg.
Elfogadja az előre meghatározott számértékeket vagy kulcsszóértékeket. Az elérhető kulcsszavak, amelyeket ezzel a tulajdonsággal használhatunk: normál, félkövér, könnyebb és merészebb . A numerikus érték 100, 200, 300, ........., legfeljebb 900 lehet. A nagyobb számérték vastagabb betűsúlyt jelent, mint az alacsonyabb számértékek.
Szintaxis
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
A szám a fenti szintaxisban a numerikus értékeket jelenti. A numerikus érték 400 megegyezik a kulcsszó értékével Normál , és az érték 700 megegyezik a kulcsszó értékével bátor .
A Normál erős> érték határozza meg a normál karaktereket, és a bátor érték határozza meg a vastag karaktereket. A merészebb érték a vastagabb betűsúlyt jelöli, és a öngyújtó Az érték a szülőtől örökölt súlynál kisebb betűsúlyt jelöli.
Nézzük meg, hogyan lehet félkövér szöveget szedni CSS-ben egy illusztráció segítségével.
kali linux parancsokat
Bevezetés
A CSS a weboldal fejlesztésének hatékony eszközeként ismert. Ennek segítségével nagyon sokféleképpen alakíthatjuk a HTML tartalmat. A weboldal stílusának egyik leggyakoribb tulajdonsága a font-weight tulajdonság segítségével. A félkövér szöveg segítségével kiemelhetjük a legfontosabb információkat és a vizuális kontrasztot, valamint javítja a tartalom olvashatóságát.
A betűsúly-tulajdonság megértése
A CSS-ben van egy Font-Weight tulajdonság, amely a betűtípus súlyának vagy vastagságának meghatározására szolgál. Meghatározza a szöveg félkövérségének vagy világosságának mértékét is, a magasabb érték elfogadásával merészebb betűsúlyt jelez. A font-weight tulajdonság különféle értékeket fogad el, például numerikus és kulcsszóértékeket.
A számértékek tartománya 100 és 900 között van, 100-as lépésekben. Például, ha a font-weight értéket 400-nak vesszük, akkor az normális, míg a 700-as betűsúly értéket félkövérnek tekintjük. Félkövér, merészebb, világosabb és Néhány gyakran használt kulcsszóérték.
img css igazítás
Hogyan készítsünk félkövér szöveget CSS-sel
A félkövér szöveget HTML-ben CSS segítségével készíthetjük el. Használhatunk beépített, belső vagy külső betűtípus-stílusú tulajdonságokat.
1. Hogyan hozhatunk létre félkövér szöveget a beágyazott stílussal
Az inline styling segítségével a font-weight tulajdonságot közvetlenül egy adott HTML elemhez használhatjuk. Vegyünk egy példát.
HTML kód:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Kimenet
Magyarázat:
A fenti kódban a soron belüli CSS-t használtuk, és a font-weight tulajdonságot félkövérként alkalmaztuk.
2. Hogyan készíthetünk félkövér szöveget belső stílussal
Itt a head tag-be kell írnunk a CSS tulajdonságot a style címkével együtt. Vegyünk egy példát:
HTML kód:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> Kimenet
Magyarázat:
alisa manyonok
A fenti kódban belső CSS-t használtunk, és a font-weight tulajdonságot alkalmaztuk.
3. Hogyan készíthetünk félkövér szöveget külső stílussal
Itt létre kell hoznunk egy külső CSS-fájlt, és összekapcsolnunk kell a HTML-fájllal. Ebben a CSS-fájlban meg kell írnunk a style tulajdonságot. Vegyünk egy példát.
HTML kód:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
CSS kód:
p { font-weight: bold; } Kimenet
Magyarázat:
10 ml az mennyi
A fenti kódban a külső CSS tulajdonságot használtuk, és megvalósítottuk a font-weight tulajdonságot.
Példa
Nézzük meg, hogyan hozhat létre félkövér szöveget különböző árnyalatokban az alábbi példa segítségével:
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> Kimenet
