Thẻ <kbd> HTML

Định nghĩa và cách sử dụng

<kbd> Thẻ được sử dụng để định nghĩa đầu vào bàn phím. Nội dung trong đó được hiển thị bằng phông chữ đồng nhất mặc định của trình duyệt.

Lưu ý:Thẻ này không bị bỏ rơi. Tuy nhiên, có thể đạt được hiệu ứng phong phú hơn bằng cách sử dụng CSS (xin xem ví dụ bên dưới).

Xin xem thêm:

Thẻ Mô tả
<code> Định nghĩa đầu ra mẫu của chương trình máy tính.
<samp> Định nghĩa đầu vào bàn phím.
<var> Định nghĩa biến.
<pre> Định nghĩa văn bản định dạng trước.

Xin xem thêm:

Hướng dẫn HTML:Định dạng văn bản HTML

Tài liệu tham khảo HTML DOM:Đối tượng Kbd

Mô hình

Ví dụ 1

Định nghĩa một số văn bản trong tài liệu làm cho đầu vào bàn phím:

<p>Để sao chép văn bản, hãy nhấn <kbd>Ctrl</kbd> + <kbd>C</kbd> (Windows)。</p>
<p>Để sao chép văn bản, hãy nhấn <kbd>Cmd</kbd> + <kbd>C</kbd> (Mac OS)。</p>

Thử ngay

Ví dụ 2

Sử dụng CSS để thiết lập樣式 cho yếu tố <kbd>:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>Để sao chép văn bản, hãy nhấn <kbd>Ctrl</kbd> + <kbd>C</kbd> (Windows)。</p>
<p>Để sao chép văn bản, hãy nhấn <kbd>Cmd</kbd> + <kbd>C</kbd> (Mac OS)。</p>
</body>
</html>

Thử ngay

Thuộc tính toàn cục

<kbd> Thẻ cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<kbd> Thẻ cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị giá trị mặc định sau đây <kbd> Thành phần:

kbd {
  font-family: monospace;
}

Thử ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ