HTML Stilleri
HTML styleniteliği, bir öğeye renk, yazı tipi, boyut ve daha fazlası gibi stiller eklemek için kullanılır.
Örnek
ben kırmızıyım
Ben maviyim
Ben büyüğüm
HTML Stili Özelliği
styleBir HTML öğesinin stilini ayarlamak, öznitelik ile yapılabilir .
HTML styleözelliği aşağıdaki sözdizimine sahiptir:
<tagname
style="property:value;">
Özellik bir CSS özelliğidir . Değer bir CSS değeridir .
Bu eğitimde daha sonra CSS hakkında daha fazla bilgi edineceksiniz.
Arka plan rengi
CSS background-colorözelliği, bir HTML öğesinin arka plan rengini tanımlar.
Örnek
Bir sayfanın arka plan rengini toz mavisi olarak ayarlayın:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
Örnek
İki farklı öğe için arka plan rengini ayarlayın:
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
Metin Rengi
CSS colorözelliği, bir HTML öğesinin metin rengini tanımlar:
Örnek
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
yazı tipleri
CSS font-familyözelliği, bir HTML öğesi için kullanılacak yazı tipini tanımlar:
Örnek
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Yazı Boyutu
CSS font-sizeözelliği, bir HTML öğesinin metin boyutunu tanımlar:
Örnek
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
Metin hizalama
CSS text-alignözelliği, bir HTML öğesi için yatay metin hizalamasını tanımlar:
Örnek
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Bölüm özeti
styleHTML öğelerini biçimlendirmek için özniteliği kullanınbackground-colorArka plan rengi için kullanıncolorMetin renkleri için kullanınfont-familyMetin yazı tipleri için kullanınfont-sizeMetin boyutları için kullanıntext-alignMetin hizalaması için kullanın