Tips & Tricks

CSS

@@CSS_logo@@

Keyboard formatting (white/gray)

Style

<style>
kbd {   /* keyboard keys */
    all: revert;    /* https://stackoverflow.com/a/36256886 */
    border:                 1px solid #c6cbd1;
    border-bottom-color:    rgb(198, 203, 209);
    border-bottom-color:    #959da5;
    border-radius:          3px;
    box-shadow:             inset 0 -1px 0 #959da5;
    display:                inline-block;
    font-size:              11px;
    line-height:            10px;
    padding:                3px 5px;
    vertical-align:         middle;
    font-weight:            bold;
}
kbd_gray { /* Keyboard keys gray */
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
    color: #333;
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
   }

</style>
      

Ctrl+A Ctrl+C

Please press Ctrl + Shift + R to re-render an MDN page.