Web制作のあれこれの情報を発信提供いたします

outlineとborderの違い

outlineとborderの違いを教えて!

あるよ!では見てみよう♪

目次

outlineとborderの違い

outline

  • 上下左右すべて同じスタイル(幅・色・形)になる
  • 要素の大きさの計算に含まれない
  • border-radiusが効かない

border

  • 上下左右で異なるスタイル(幅・色・形)をつけることができる
  • 要素の大きさの計算に含まれる

See the Pen Untitled by ちいうさ (@zqnixpal-the-looper) on CodePen.

内側に線か外側に線かでわかりやすいね♪

これからも色々教えるよ!

よかったら仲良くしてくださいね!
  • URLをコピーしました!
目次