English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية align طريقة التوجيه للعناصر التوضيحية. يجب أن يتم توجيه العنوان كعنصر مكعب إلى اليسار، اليمين، أعلى أو أسفل من الجدول.
جداول تحتوي على عناوين متحاذية اليسار واليمين والأسفل والعمودية لـ <caption> العنوان
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>استخدام خاصية alignment في <caption> HTML - تعليمية أساسية (oldtoolbag.com)</title>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
align="left":
<table>
<caption align="left">مدخراتي</caption>
<tr>
<th>الشهر</th>
<th>المدخرات</th>
</tr>
<tr>
<td>يناير</td>
<td>$100</td>
</tr>
</table>
align="right":
<table>
<caption align="right">مدخراتي</caption>
<tr>
<th>الشهر</th>
<th>المدخرات</th>
</tr>
<tr>
<td>يناير</td>
<td>$100</td>
</tr>
</table>
align="top":
<table>
<caption align="top">مدخراتي</caption>
<tr>
<th>الشهر</th>
<th>المدخرات</th>
</tr>
<tr>
<td>يناير</td>
<td>$100</td>
</tr>
</table>
align="bottom":
<table>
<caption align="bottom">مدخراتي</caption>
<tr>
<th>الشهر</th>
<th>المدخرات</th>
</tr>
<tr>
<td>يناير</td>
<td>$100</td>
</tr>
</table>
</body>
</html>اختبر لمعرفة ‹/›IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الرئيسية خاصية alignment.
ملاحظة:
يدعم Internet Explorer 8 القيم "left", "right", "top", و "bottom" القيم
يدعم Internet Explorer 9+ القيم "top", و "bottom".
يدعم Firefox القيم "left", "right", "top", و "bottom".
يدعم Opera القيم "left", "right", "top", و "bottom".
يدعم Chrome القيم "top", و "bottom".
يدعم Safari القيم "top", و "bottom".
HTML5 لا يدعم خاصية alignment <caption>. استخدم CSS بدلاً من ذلك.
تم إزالة خاصية align لـ <caption> في HTML 4.01.
تحدد خاصية align طريقة التوجيه الخاصة بـ element caption.
سيقوم هذا الخاصية بتحديد caption كعنصر مكعب نحو جدول في اليسار، اليمين، الاعلى، الأسفل.
HTML5 لا يدعم خاصية align <caption>. استخدم CSS بدلاً من ذلك.
نحو CSS: <caption style="caption-side:bottom"> أو <caption style="text-align:left">
مثال CSS: تحديد موقع عنوان الجدول
في تعليمات CSS الخاصة بنا، يمكنك العثور على المزيد عنcaption-side تفاصيل الخاصية.
<caption align="left|right|top|bottom">
| القيمة | الوصف |
|---|---|
| اليسار | العنوان على يسار جدول |
| اليمين | العنوان على يمين جدول |
| ال أعلى | العنوان أعلى جدول |
| الأسفل | العنوان أسفل جدول |