تگ kbd در HTML

  /  فرانت اند   /  HTML   /  تگ kbd در HTML

با استفاده از تگ kbd در HTML میتوان کلید های میانبر یا ورودی های یک صفحه کلید را تعریف کرد.

مثال

<p>کلید های <kbd>Ctrl</kbd> + <kbd>C</kbd> را برای کپی متن فشار دهید (Windows).</p>

<p>کلید های <kbd>Cmd</kbd> + <kbd>C</kbd> برای کپی متن فشار دهید (Mac OS).</p>


تعریف و کاربرد

از تگ kbd در HTML برای تعریف ورودی صفحه کلید استفاده می شود ، محتوای داخل آن با قلم پیش فرض monospace مرورگر نمایش داده می شود.

نکته: هر زمان خواستید کلید های میانبر صفحه کلید را در سند نمایش دهید از تگ <kbd> استفاده کنید.

تگ <kbd> در HTML مخفف Keyboard Input می باشد تگی است که در دسته تگ های عبارتی یا Phrase می باشد.


پشتیبانی مرورگر ها

عنصر
<kbd>بلهبلهبلهبلهبله

خواص عمومی

تگ kbd از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ kbd از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر kbd در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

kbd {
  font-family: monospace;
}

مثال های بیشتر

در مثال زیر با استفاده از CSS یک سبک خاصی را برای تگ <kbd> در HTML تعریف کرده ایم.

<!DOCTYPE html>
<html dir="rtl">
<head>
<style>
kbd {
border-radius: 2px;
padding: 2px;
border: 1px solid black;
}
</style>
</head>
<body>

<h1>عنصر kbd در HTML</h1>

<p>کلید های <kbd>Ctrl</kbd> + <kbd>C</kbd> را برای کپی متن فشار دهید (Windows).</p>

<p>کلید های <kbd>Cmd</kbd> + <kbd>C</kbd> برای کپی متن فشار دهید (Mac OS).</p>

</body>
</html>

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر