メニュー 閉じる

よく使うCSSコード

■角丸
border-radius: 10px;

■テキスト間隔
letter-spacing: 0.12em;

■テキスト折り返し
.box1 {
word-break: break-all;
}
.box2 {
overflow-wrap: break-word;
}


■paddingで幅が延びないように。
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

■スマホでタップ後、背景や枠がでる。
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;

■スマホでホバーさせない
pointer-events: none;

■リンクを無効にする(HTML)
<a tabindex="-1">無効化されたリンク(フォーカスも当たらない)</a>