Margin, Padding

p.example {
  margin: 50px;
}
//다음 코드와도 동일하다
p.example {
  margin: 50px 50px 50px 50px;
}
//순서대로 위, 오른쪽, 아래, 왼쪽의 여백을 지정한다.
p.example {
  margin-top: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
  margin-left: 50px;
}
//한번더 풀어쓰자면 이와 같다 :)

paddingも適用されます.
Boorder:太い線の色;

p {
  border: 5px solid red;
}

span {
  border: 1px dotted #0000ff;
}

border順序は重要ではありません.
それでも、グローバルに約束された符号化慣行(符号化規則)に従ってソートすることをお勧めします.🙂
Tip!)
通常、text装飾ではなくborder-bottmを使用して下線を設計します:)
Box-sizing

.new {
  box-sizing: border-box;
}

ご覧のようにwidth値を与え、paddingを追加することは容易です.
そのため、ほとんどのページではbox size propertyが採用されています.
Tip!)
また、すべてのタグにこのプロパティを適用する必要がありますが、各タグを毎日適用するには、コードが長くなります.「*」セレクタは、次のようにすべてのラベルに適用できます.

* {
  box-sizing: border-box;
}