logo

CSS tučný text

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

Jak zvýraznit tučný text v CSS

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

Jak zvýraznit tučný text v CSS

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

Jak zvýraznit tučný text v CSS

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

Jak zvýraznit tučný text v CSS