인라인 텍스트 - KBD

텍스트 입력 장치(키보드)에서 사용자 입력을 나타내는 텍스트 범위를 설정한다. (Keyboard Input)

<p><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>K</kbd></p>, <kbd>ESC</kbd>

 

다음과 같이 입력을 한다면 keyboard가 무엇인지 브라우저에게 인식을 시켜준다. 하지만 사람들이 보기에는 키보드가 아니라고 생각할 수 있으므로 css에 디자인을 입혀서 보여주기도 한다.

kbd{
    padding : 0 3px;
    border-radius: 3px;
    border-top : 2px solid black;
    border-bottom : 2px solid red;
    border-left : 2px solid blue;
    border-right : 2px solid green;
}

출력된 값