HTML Stilleri
HTML style
niteliğ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
style
Bir 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
style
HTML öğelerini biçimlendirmek için özniteliği kullanınbackground-color
Arka plan rengi için kullanıncolor
Metin renkleri için kullanınfont-family
Metin yazı tipleri için kullanınfont-size
Metin boyutları için kullanıntext-align
Metin hizalaması için kullanın