Style

HTMLning style atributi elementlarga rang, shrift, o'lcham kabi stillar berish uchun foydalaniladi.

HTMLning style atributi

HTML elementlariga stil berish style atributi yordamida amalga oshiriladi.

style atributining sintaksisi quyidagi ko'rinishda bo'ladi.

<tagname style="property:value;">

Property CSS xususiyati. Value esa xususiyatning qiymati.

Background color

CSSning background-color xususiyati HTML elementining orqa fon rangini o'zgartiradi.

Sahifa uchun orqa fon rangiga powderblue rangini berish

<body style="background-color:powderblue;">

<h1>Bu sarlavha</h1>
<p>Bu paragraf</p>

</body>

Ikkita turli element uchun orqa fon rang berish:

<body>

<h1 style="background-color:powderblue;">Bu sarlavha</h1>
<p style="background-color:tomato;">Bu paragrad</p>

</body>

Matn rangi

CSSning color xususiyati HTML elementning matn rangini o'zgartiadi.

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Shriftlar

CSSning font-family xususiyati HTML elementida foydalaniladigan shriftni belgilaydi.

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Matn o'lchami

CSSning font-size xususiyati HTML elementidagi matnning o'lchamini o'zgartiadi.

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Matn joylashuvi

CSSning text-align xususiyati HTML elementidagi matnning tarzdagi joylashuvini belgilaydi.

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Xulosa

  • HTML elementlariga stil berish uchun style atributidan foydalaniladi.

  • Orqa fon rangini berish uchun background-color dan foydalaniladi.

  • Matn rangini berish uchun color dan foydalaniladi.

  • Matn shriftini berish uchun font-family dan foydalaniladi.

  • Matn o'lchamini belgilash uchun font-size dan foydalaniladi.

  • Matnning gorizontal joylashuvini belgilash uchun text-align dan foydalaniladi.

Last updated