HTML <figcaption> العلامة

التعريف والاستخدام

<figcaption> العلامة <figure> العنصر يحدد العنوان.

<figcaption> يمكن وضع العنصر في <figure> موقع الطفل الأول أو الأخير للعنصر.

انظر أيضًا:

دليل HTML DOM:مفهوم Figcaption

مثال

مثال 1

استخدام عنصر <figure> لتمييز الصور في الوثيقة، واستخدام عنصر <figcaption> لتعريف عنوان الصورة:

<figure>
  <img src="tulip.jpg" alt="زهر البرتقال" style="width:300px">
  <figcaption>الشكل 1 - زهرة البرتقال، عائلة الليليات، نباتات متعددة السنوات.</figcaption>
</figure>

جرب بنفسك

مثال 2

استخدام CSS لتعيين نماذج <figure> و <figcaption>:

<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="زهر البرتقال" style="width:300px">
  <figcaption>الشكل 1 - زهرة البرتقال، عائلة الليليات، نباتات متعددة السنوات.</figcaption>
</figure>
</body>
</html>

جرب بنفسك

خصائص العالمية

<figcaption> الدعم عن طريق خصائص العالمية في HTML.

خصائص الحدث

<figcaption> الدعم عن طريق خصائص الحدث في HTML.

إعدادات CSS الافتراضية

سيستخدم معظم المتصفحات القيم التالية كقيم افتراضية <figcaption> العنصر:

figcaption {
  display: block;
}

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم العنصر بشكل كامل أولاً.

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