The tloušťka písma vlastnost v CSS se používá k nastavení váhy nebo tloušťky písma. Určuje, jak tenké nebo tlusté jsou znaky v textu. The tloušťka písma vlastnost je buď závislá na tloušťkách určených prohlížečem nebo na dostupných řezech písem v rodině písem. Tato vlastnost CSS definuje tenké až tlusté znaky.
Přijímá předdefinované číselné hodnoty nebo hodnoty klíčových slov. Dostupná klíčová slova, která můžeme s touto vlastností použít, jsou normální, tučné, světlejší a odvážnější . Číselná hodnota může být 100, 200, 300, ........., až 900. Vyšší číselná hodnota představuje tučnější tloušťku písma než nižší číselné hodnoty.
Syntax
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
The číslo ve výše uvedené syntaxi představuje číselné hodnoty. Číselná hodnota 400 je stejná jako hodnota klíčového slova normální a hodnotu 700 je stejná jako hodnota klíčového slova tučně .
The normální strong> hodnota definuje normální znaky a tučně hodnota určuje tlusté znaky. The odvážnější hodnota představuje tučnější tloušťku písma a lehčí hodnota představuje lehčí tloušťku písma, než je váha zděděná od rodiče.
Podívejme se, jak použít tučný text v CSS pomocí ilustrace.
obsahuje podřetězec java
Úvod
CSS je známé jako mocný nástroj pro vývoj webových stránek. S pomocí toho můžeme stylovat obsah HTML mnoha způsoby. Jednou z nejběžnějších vlastností stylování webové stránky je použití vlastnosti font-weight. Pomocí tučného textu můžeme zdůraznit klíčové informace a vizuální kontrast a také zlepšuje čitelnost obsahu.
Porozumění vlastnosti hmotnosti písma
V CSS existuje vlastnost Font-Weight, která slouží k definování váhy nebo tloušťky písma. Určuje také stupeň tučnosti nebo světlosti textu, přičemž přijetí vyšší hodnoty označuje tučnější tloušťku písma. Vlastnost font-weight přijímá různé hodnoty, jako jsou číselné hodnoty a hodnoty klíčových slov.
Rozsah číselných hodnot leží mezi 100 a 900 s přírůstky po 100. Pokud například vezmeme hodnotu váhy písma jako 400, pak je to normální, zatímco hodnota hmotnosti písma 700 se považuje za tučné. Tučné, tučné, světlejší a Některé běžně používané hodnoty klíčových slov.
Jak vytvořit tučný text pomocí CSS
Tučný text můžeme vytvořit v HTML pomocí CSS. Můžeme použít inline, interní nebo externí vlastnosti stylu písma.
1. Jak můžeme vytvořit tučný text pomocí inline stylingu
Pomocí inline stylingu můžeme použít vlastnost font-weight přímo na konkrétní HTML element. Vezměme si příklad.
kolik uncí je 10 mililitrů
HTML kód:
dělení řetězců c++
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Výstup
Vysvětlení:
Ve výše uvedeném kódu jsme použili inline CSS a použili vlastnost font-weight jako tučné.
2. Jak můžeme vytvořit tučný text s vnitřním stylem
Zde musíme zapsat vlastnost CSS do tagu head s tagem style. Vezměme si příklad:
HTML kód:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Výstup
Vysvětlení:
Ve výše uvedeném kódu jsme použili interní CSS a použili vlastnost font-weight.
java boolean
3. Jak můžeme vytvořit tučný text s externím stylem
Zde musíme vytvořit externí soubor CSS a propojit ho se souborem HTML. Do tohoto souboru CSS musíme napsat vlastnost style. Vezměme si příklad.
HTML kód:
řetězec do json java
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
CSS kód:
p { font-weight: bold; }
Výstup
Vysvětlení:
Ve výše uvedeném kódu jsme použili externí vlastnost CSS a implementovali vlastnost font-weight.
Příklad
Podívejme se, jak vytvořit tučný text v různých odstínech pomocí níže uvedeného příkladu:
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>
Výstup