علامة <kbd> في HTML

  • الصفحة السابقة <ins>
  • الصفحة التالية <label>

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

<kbd> العلامة تستخدم لتعريف إدخال لوحة المفاتيح. يتم عرض محتواها باستخدام الخط المتماثل المحدد مسبقًا للbrowser.

نصيحة:هذه العلامة لم يتم إزالتها. ولكن يمكن تحقيق تأثيرات غنية باستخدام CSS (انظر المثال أدناه).

يرجى الرجوع إلى:

العلامة وصف
<code> تعريف مخرجات برنامج الحاسوب.
<samp> تعريف إدخال لوحة المفاتيح.
<var> تعريف المتغيرات.
<pre> تعريف النصوص المسبقة الصياغة.

يرجى الرجوع إلى:

دليل دروس HTML:تنسيق النصوص في HTML

دليل مرجع HTML DOM:مفهوم Kbd

مثال

مثال 1

تحديد بعض النصوص في المستند كإدخال لوحة المفاتيح:

<p>انقر على <kbd>Ctrl</kbd> + <kbd>C</kbd> لنسخ النص (Windows)。</p>
<p>انقر على <kbd>Cmd</kbd> + <kbd>C</kbd> لنسخ النص (Mac OS)。</p>

جربها بنفسك

مثال 2

استخدام CSS لتعيين نمط عنصر <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>انقر على <kbd>Ctrl</kbd> + <kbd>C</kbd> لنسخ النص (Windows)。</p>
<p>انقر على <kbd>Cmd</kbd> + <kbd>C</kbd> لنسخ النص (Mac OS)。</p>
</body>
</html>

جربها بنفسك

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

<kbd> يدعم العلامة خصائص العالمية في HTML.

خصائص الحدث

<kbd> يدعم العلامة خصائص الحدث في HTML.

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

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

kbd {
  font-family: monospace;
}

جربها بنفسك

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم دعم دعم دعم دعم
  • الصفحة السابقة <ins>
  • الصفحة التالية <label>