0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

marginとpaddingの違いについて説明します!

Posted at

#はじめに
未来電子テクノロジーでインターンをしています。
現在、CSSを少し勉強し始めてつまずいたところがあったので、備忘録として書きます。
プログラミング初心者であるため、内容に誤りがあるかもしれません。
もし、誤りがあれば修正するのでどんどん指摘してください!

#padding/marginについて
paddingとmarginの書き方について説明します。
一例を下記に示します。

padding: 10px 20px;
margin: 10px 20px;

padding/marginともに余白の範囲を指定する必要があります。
一例の書き方は上下に10px分の余白を空け、左右に20px分の余白を空ける設定となっています。
CSSでは要素の境界線のことをborderと呼びます。
そして、borderの内側の余白をpaddingで調整し、外側の余白をmarginで設定します。
余白の値の設定方法はたくさんあるので、自分が使いやすい方法を選ぶようにしましょう。

#まとめ
今回はpaddingとmarginの違いについてご紹介しました。
これからもフロントエンドを勉強していきます!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?