본문 바로가기
반영훈/웹 개발

[CSS] margin 단축속성 입력 순서(ft.개별속성)

by Banda 2020. 6. 20.

margin:

1.입력값이 4개 일때 ex) 10px 20px 30px 40px;

>위10px 오른쪽20px 아래30px 왼쪽40px

2.입력값이 3개 일 때 ex) 10px 20px 30px;

>위10px [좌,우]20px 아래30px

3.입력값이 2개 일 때 ex) 10px; 20px;

>[위,아래]10px [좌,우]20px

4.입력값이 1개일 때 ex) 10px;

>[상,하,좌,우]10px

 

Ps. margin의 개별속성.

margin-top

margin-right

marginbottom

margin-left

'반영훈 > 웹 개발' 카테고리의 다른 글

[CSS] border 속성의 값  (0) 2020.06.20
[CSS] box 사이즈를 자동 계산해 주는 box-sizing: border-box  (0) 2020.06.20
[CSS]div와 span의 가로 세로 기본값  (0) 2020.06.20
[CSS]vw, vh, vmin, vmax  (0) 2020.06.20
[CSS] EM, REM  (0) 2020.06.20

댓글