تگ kbd در HTML
نوشته شده توسط: متین برونسی
تاریخ انتشار:
تاریخ بروزرسانی:
تعداد بازدید: 122
0
با استفاده از تگ 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>
پست های مرتبط
ارسال یک نظر
برای نوشتن دیدگاه باید وارد بشوید.