The grosimea fontului proprietatea în CSS este folosită pentru a seta greutatea sau grosimea fontului. Specifică cât de subțire sau groase sunt caracterele dintr-un text. The grosimea fontului proprietatea depinde fie de greutățile specificate de browser, fie de fonturile disponibile dintr-o familie de fonturi. Această proprietate CSS definește caracterele subțiri până la groase.
Acceptă valoarea numerică predefinită sau valorile cuvintelor cheie. Cuvintele cheie disponibile pe care le putem folosi cu această proprietate sunt normal, îndrăzneț, mai ușor și mai îndrăzneț . Valoarea numerică poate fi 100, 200, 300, ......... până la 900. Valoarea numerică mai mare reprezintă greutatea fontului mai îndrăzneață decât valorile numerice mai mici.
Sintaxă
font-weight: normal | bold | bolder | lighter | number | initial | inherit;
The număr în sintaxa de mai sus reprezintă valorile numerice. Valoarea numerică 400 este aceeași cu valoarea cuvântului cheie normal , și valoarea 700 este aceeași cu valoarea cuvântului cheie îndrăzneţ .
The normal strong> value definește caracterele normale, iar îndrăzneţ value specifică caracterele groase. The mai îndrăzneț valoarea reprezintă ponderea fontului mai îndrăzneață, iar valoarea mai usoara valoare reprezintă greutatea fontului mai mică decât greutatea moștenită de la părinte.
Să vedem cum să facem text cu aldine în CSS folosind o ilustrație.
Introducere
CSS este cunoscut ca un instrument puternic pentru dezvoltarea paginii web. Cu ajutorul acestuia, putem stila conținutul HTML în atât de multe moduri. Una dintre cele mai comune proprietăți de stilare a paginii web este folosirea unei proprietăți font-weight. Cu ajutorul textului îngroșat, putem sublinia informațiile cheie și contrastul vizual și, de asemenea, îmbunătățește lizibilitatea conținutului.
Înțelegerea proprietății Font-Weight
În CSS, există o proprietate Font-Weight, care este utilizată pentru a defini greutatea sau grosimea fontului. De asemenea, determină gradul de îndrăzneală sau luminozitate a textului, acceptarea valorii mai mari indicând o greutate mai îndrăzneață a fontului. Proprietatea font-weight acceptă diverse valori, cum ar fi valorile numerice și valorile cuvintelor cheie.
clasa de matematica java
Intervalul de valori numerice se află între 100 și 900, cu incremente de 100. De exemplu, dacă luăm valoarea font-weight ca 400, atunci este normal, în timp ce o valoare 700 font-weight este considerată ca fiind aldine. Aldin, mai îndrăzneț, mai ușor și Unele valori ale cuvintelor cheie utilizate în mod obișnuit.
Cum se creează text aldine cu CSS
Putem crea textul aldine în HTML cu ajutorul CSS. Putem folosi proprietăți de tip font inline, interne sau externe.
1. Cum putem crea textul aldine cu stil inline
Cu ajutorul stilului inline, putem folosi proprietatea font-weight direct la un anumit element HTML. Să luăm un exemplu.
Cod HTML:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Ieșire
Explicaţie:
În codul de mai sus, am folosit CSS-ul inline și am aplicat proprietatea font-weight ca bold.
2. Cum putem crea text aldine cu stil intern
Aici, trebuie să scriem proprietatea CSS în interiorul etichetei head cu eticheta style. Să luăm un exemplu:
Cod HTML:
Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Ieșire
Explicaţie:
În codul de mai sus, am folosit CSS intern și am aplicat proprietatea font-weight.
3. Cum putem crea text aldine cu stil extern
Aici, trebuie să creăm un fișier CSS extern și să-l conectăm la fișierul HTML. În acel fișier CSS, trebuie să scriem proprietatea stilului. Să luăm un exemplu.
Cod HTML:
Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p>
Cod CSS:
p { font-weight: bold; }
Ieșire
Explicaţie:
În codul de mai sus, am folosit proprietatea CSS externă și am implementat proprietatea font-weight.
Exemplu
Să vedem cum să creați text aldine în diferite nuanțe folosind exemplul de mai jos:
comandă atingere în linux
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>
Ieșire