HTML <hr> etiketi

Tanım ve Kullanım

<hr> Etiketler, HTML sayfalarındaki konu bölümlerini tanımlar (örneğin, konu değişiklikleri).

<hr> Elementler genellikle yatay çizgiler olarak gösterilir ve HTML sayfalarında içerikleri ayırmak veya içerik üzerindeki değişiklikleri tanımlamak için kullanılır.

Ayrıca bakınız:

HTML DOM İçin Kılavuz:HR nesnesi

Örnek

Örnek 1

Kullanım: <hr> İçerikteki konu değişikliklerini tanımlamak için etiketler:

<h1>Web'in Ana Dilleri</h1>
<p>HTML, Web sayfalarını oluşturmak için standart işaret dili. HTML, Web sayfalarının yapılarını ve elementlerden oluşur...</p>
<hr>
<p>CSS, ekran, kağıt veya diğer medyada HTML elementlerinin görüntülenme biçimini tanımlayan bir dildir...</p>
<hr>
<p>JavaScript, HTML ve Web'in programlama dili. JavaScript, HTML içeriğini ve özellik değerlerini değiştirebilir...</p>

Kendi Kendine Deneyin

Örnek 2

Hizalama <hr> Element (Kullanım CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Kendi Kendine Deneyin

Örnek 3

Gölge olmayan <hr> (Kullanım CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Kendi Kendine Deneyin

Örnek 4

Ayarla <hr> Elemanın yüksekliği (CSS ile kullanılarak):

<hr style="height:30px">

Kendi Kendine Deneyin

Örnek 5

Ayarla <hr> Elemanın genişliği (CSS ile kullanılarak):

<hr style="width:50%">

Kendi Kendine Deneyin

Genel Özellikler

<hr> Bu etiketler ayrıca HTML'deki genel özellikler.

olay özelliklerini destekler

<hr> Bu etiketler ayrıca HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <hr> Eleman:

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

Kendi Kendine Deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek