HTML <kbd> 标籤

  • หน้าก่อนหน้า <ins>
  • หน้าต่อไป <label>

定義和用法

<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
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <ins>
  • หน้าต่อไป <label>