線・角

`border` 線で囲む

重要度4 / 5

意味

要素のまわりに線を付ける場合に使います。太さ・種類・色をまとめて書けます。角を丸くする場合は border-radius です。

HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。

HTML

<p>線で囲まれます。</p>

CSS

p {
  border: 1px solid #160076;
  padding: 0.75rem;
}

プレビュー

出典: MDN Web Docs（`@mdn/browser-compat-data`）