الفرق بين المراجعتين لصفحة: «HTML/del»

من موسوعة حسوب
ط استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1'
إضافة قسمين ومثالين
 
سطر 4: سطر 4:
مثال عن حذف جزء من النص الموجود في الفقرة:
مثال عن حذف جزء من النص الموجود في الفقرة:
<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
<p><del>This text has been deleted</del>,
<p>
here is the rest of the paragraph.</p>
  <del>هذا نصٌ محذوف</del>,
  وهذه بقية الفقرة.
</p>
</syntaxhighlight>مثال عن حذف فقرة كاملة <code>[[HTML/param|<nowiki><p></nowiki>]]</code> مع تحديد تاريخ الحذف عبر الخاصية <code>[[HTML/Topics|datetime]]</code>:<syntaxhighlight lang="html">
</syntaxhighlight>مثال عن حذف فقرة كاملة <code>[[HTML/param|<nowiki><p></nowiki>]]</code> مع تحديد تاريخ الحذف عبر الخاصية <code>[[HTML/Topics|datetime]]</code>:<syntaxhighlight lang="html">
<del datetime="2018-01-01"><p>This paragraph has been deleted.</p></del>
<del datetime="2018-01-01"><p>هذا الفقرة محذوفة بالكامل.</p></del>
</syntaxhighlight>
</syntaxhighlight>


== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
{| class="wikitable" style="width: 100%;"
|-
|-
سطر 49: سطر 52:
=== <code>datetime</code> ===
=== <code>datetime</code> ===
تُشير هذه الخاصية إلى وقت وتاريخ التعديل، ويجب أن تكون [https://html.spec.whatwg.org/multipage/infrastructure.html#valid-date-string-with-optional-time بصيغة صحيحة للتاريخ مع توفير الوقت اختياريًا]، وإن لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فستهمل.
تُشير هذه الخاصية إلى وقت وتاريخ التعديل، ويجب أن تكون [https://html.spec.whatwg.org/multipage/infrastructure.html#valid-date-string-with-optional-time بصيغة صحيحة للتاريخ مع توفير الوقت اختياريًا]، وإن لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فستهمل.
== التنسيق الافتراضي ==
تعرض أغلبية المتصفحات العنصر <code><nowiki><del></nowiki></code> ويتوسطه خط بضبط الخاصية <code>[[CSS/text-decoration|text-decoration]]</code> إلى <code>line-through</code>:<syntaxhighlight lang="css">
del {
  text-decoration: line-through;
}
</syntaxhighlight>


==مصادر ومواصفات==
==مصادر ومواصفات==

المراجعة الحالية بتاريخ 09:38، 21 فبراير 2018

يُمثِّل العنصر <del> نصًّا حُذِفَ من المستند، وهذا النص يُعرَض عادةً ويتوسطه خط (strike-through) لكن ذلك ليس إجباريًا.

مثال عن حذف جزء من النص الموجود في الفقرة:

<p>
  <del>هذا نصٌ محذوف</del>,
  وهذه بقية الفقرة.
</p>

مثال عن حذف فقرة كاملة <p> مع تحديد تاريخ الحذف عبر الخاصية datetime:

<del datetime="2018-01-01"><p>هذا الفقرة محذوفة بالكامل.</p></del>

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح المحتوى الذي تكون خلفيته شفافة.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM HTMLModElement

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

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

cite

رابط URI يشرح سبب التعديل، مثل رابط إلى خلاصة إجتماع في الشركة.

datetime

تُشير هذه الخاصية إلى وقت وتاريخ التعديل، ويجب أن تكون بصيغة صحيحة للتاريخ مع توفير الوقت اختياريًا، وإن لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فستهمل.

التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر <del> ويتوسطه خط بضبط الخاصية text-decoration إلى line-through:

del {
  text-decoration: line-through;
}

مصادر ومواصفات