The тегло на шрифта свойството в CSS се използва за задаване на теглото или дебелината на шрифта. Той определя колко тънки или дебели са знаците в текст. The тегло на шрифта зависи или от теглата, зададени от браузъра, или от наличните шрифтове в семейството на шрифтове. Това свойство на CSS дефинира тънки до дебели знаци.

Той приема предварително зададената числова стойност или стойности на ключови думи. Наличните ключови думи, които можем да използваме с това свойство, са нормален, смел, по-светъл и по-смел . Числовата стойност може да бъде 100, 200, 300, .........,до 900. По-високата цифрова стойност представлява по-удебеленото тегло на шрифта от по-ниските числови стойности.

Синтаксис

 font-weight: normal | bold | bolder | lighter | number | initial | inherit; 

The номер в горния синтаксис представлява числовите стойности. Числовата стойност 400 е същата като стойността на ключовата дума нормално , и стойността 700 е същата като стойността на ключовата дума удебелен .

сравним интерфейс в java

The нормално силна> стойност дефинира нормалните символи и удебелен стойността определя дебелите знаци. The по-смел стойността представлява по-удебеленото тегло на шрифта и запалка стойността представлява по-лекото тегло на шрифта от теглото, наследено от родителя.

Нека да видим как да удебелим текст в CSS с помощта на илюстрация.

Въведение

CSS е известен като мощен инструмент за разработка на уеб страница. С помощта на това можем да стилизираме HTML съдържанието по толкова много начини. Едно от най-често срещаните свойства на стилизирането на уеб страницата е използването на помощта на свойството тегло на шрифта. С помощта на получер текст можем да подчертаем ключовата информация и визуален контраст, а също така подобрява четливостта на съдържанието.

Разбиране на свойството Font-Weight

В CSS има свойство Font-Weight, което се използва за определяне на теглото или дебелината на шрифта. Той също така определя степента на удебеленост или лекота на текста, като приемането на по-високата стойност показва по-удебелено тегло на шрифта. Свойството font-weight приема различни стойности, като числови и ключови стойности.

Диапазонът от цифрови стойности е между 100 и 900, със стъпки от 100. Например, ако приемем стойността на теглото на шрифта като 400, тогава това е нормално, докато стойността на теглото на шрифта 700 се счита за удебелена. Удебелен, по-удебелен, по-светъл и някои често използвани стойности на ключови думи.

Как да създадете удебелен текст с CSS

Можем да създадем удебеления текст в HTML с помощта на CSS. Можем да използваме вградени, вътрешни или външни свойства на стила на шрифта.

1. Как можем да създадем удебелен текст с вграден стил

С помощта на вградения стил можем да използваме свойството font-weight директно към конкретен HTML елемент. Да вземем пример.

HTML код:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Изход

Обяснение:

В горния код използвахме вградения CSS и приложихме свойството font-weight като удебелено.

2. Как можем да създадем удебелен текст с вътрешен стил

Тук трябва да напишем свойството CSS вътре в тага head с тага style. Да вземем пример:

HTML код:

функции в c

 Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

Изход

Обяснение:

В горния код използвахме вътрешен CSS и приложихме свойството font-weight.

3. Как можем да създадем удебелен текст с външен стил

Тук трябва да създадем външен CSS файл и да го свържем с HTML файла. Вътре в този CSS файл трябва да напишем свойството style. Нека вземем пример.

HTML код:

 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

CSS код:

 p { font-weight: bold; } 

Изход

конструктори в java

Обяснение:

В горния код използвахме външното CSS свойство и внедрихме свойството font-weight.

Пример

Нека да видим как да създадем удебелен текст в различни нюанси, като използваме примера по-долу:

 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> 

Изход