HTML <figcaption> etiketi

Tanım ve Kullanım

<figcaption> Etiket: <figure> Başlık tanımlarını belirler.

<figcaption> Bir elemanın konumlanabileceği yerler: <figure> Bir elemanın ilk veya son çocuk elemanının konumu.

Ayrıca bakınız:

HTML DOM Referans Kılavuzu:Figcaption nesnesi

Örnek

Örnek 1

<figure> elementini belge içindeki fotoğrafları işaretlemek için, <figcaption> elementini fotoğraf başlığını tanımlamak için kullanın:

<figure>
  <img src="tulip.jpg" alt="Lale" style="width:300px">
  <figcaption>Şekil 1 - Lale, Liliaceae familyası, çok yıllık otsu bitki.</figcaption>
</figure>

Kişisel olarak deneyin

Örnek 2

CSS ile <figure> ve <figcaption> stillerini ayarlayın:

<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
</body>
<figure>
  <img src="tulip.jpg" alt="Lale" style="width:300px">
  <figcaption>Şekil 1 - Lale, Liliaceae familyası, çok yıllık otsu bitki.</figcaption>
</figure>
</body>
</html>

Kişisel olarak deneyin

Genel Özellikler

<figcaption> Bu etiketler ayrıca HTML'deki Genel Özellikler.

Eylem Özelliklerini destekler

<figcaption> Bu etiketler ayrıca HTML'deki Eylem Özellikleri.

Varsayılan CSS Ayarları

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

figcaption {
  display: block;
}

Tarayıcı Desteği

Tablo içindeki rakamlar, bu elementi tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 9.0 4.0 5.1 11.0