برچسب <kbd> HTML

تعریف و استفاده

<kbd> برچسب برای تعریف ورودی کیبورد استفاده می‌شود. محتوای آن به صورت شکل پیش‌فرض فونت مرورگر نمایش داده می‌شود.

توضیح:این برچسب به کار نمی‌رود. اما می‌توان با استفاده از 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی