: عنصر DETAILS

آخر تحديث: 2026-09-12

<details>عنصر DETAILS

يمثل أداة كشف قابلة للفتح/الإغلاق بالنقر على summary الخاص بها.

الفئةدلالي
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </details> وسم
الحالةقياسي

📝 البنية

<details>محتوى قابل للطي</details>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<details> v1 v12 v1 v1 v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: مطوي افتراضيًا؛ أضف الخاصية open للتوسيع المبدئي. يعمل دون JavaScript.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%