HTML Popover Özellikleri

Tanım ve Kullanım

popover Bu özellik, elementin pop-up elementi olarak tanımlandığını belirtir, bu da elementin çağrıldığında içeriğin üstüne yerleştirileceğini ve diğer HTML elementlerinin konumunu etkilemeyeceğini anlamına gelir.

Pop-up element, bir başka element tarafından çağrılmadan önce görünmez olacaktır. Bir başka elementin popovertarget özelliği, pop-up elementinin id'sine referans veren bir değer olmalıdır.

Pop-up element, popovertarget elementine tıklandığında, gösterilmesi ve gizlenmesi arasında geçiş yapabilir:

Merhaba

Pop-up elementler, yukarıdaki örnekteki gibi tek bir HTML elementi olabilir, aynı zamanda aşağıdaki örnekteki gibi bir整套 HTML elementleri olabilir.

Ayrıca bakınız:

HTML Kaynak Kılavuzu:HTML Input popovertarget özelliği

HTML Kaynak Kılavuzu:HTML Input popovertargetaction özelliği

Örnek

Örnek 1

Bir popover özelliği içeren <h1> elementi ve onu göster/gizlemek için bir düğme ekle:

<h1 popover id="myheader">Merhaba</h1>
<button popovertarget="myheader">Tıkla beni!</button>

Kişisel olarak deneyin

Örnek 2

Bir div elementini açılır element olarak kullanın:

<div popover id="mydiv">
  <h2>Popover</h2>
  <hr>
  <p>Açılır pencere, tüm diğer elementlerin üzerinde yer alan bir elementdir.</p>
  <p>Bir önemli şey söylemek istediğinizde bunu kullanabilirsiniz.</p>
</div>

Kişisel olarak deneyin

Sözdizimi

<element popover>

Değer

popover Özellik boolean bir özelliktir. Eğer ayarlandıysa, bu özellik elementin bir açılır pencere elementi olduğunu belirtir.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Desteklenmiyor 17 100