Coding/CSS

CSS 기본 속성(padding/margin)

민톨이 2024. 1. 1. 18:37
728x90

-width : 너비

-height : 높이

-border : 테두리 (ex. border: 10px(두께) solid(테두리스타일) black(색)) 

  border-top: 0px -> 상단 테두리 x

  border-width: (값1 값2 값3 값4까지 가능) : 값1 - top / 값2 - right / 값3 - bottom / 값4 - left

   ㄴ border-width를 2개의 값으로 설정하면 ( 값1 : top/bottom - 값2 : left/right)

-padding : 값을 주면 안쪽 여백이나 테두리 사이 간격 추가 / p와 border사이의 여백

-margin : 경계선 바깥쪽이 경계선 / border와 바깥쪽과의 여백 

이해를 돕기 위한 사진 (from 개발자도구)

 

 

'Coding > CSS' 카테고리의 다른 글

class / id 선택자 우선순위 (헷갈려 !!)  (1) 2024.01.02
ol / li 색 부여  (0) 2024.01.01
Color/Font Properties  (0) 2023.12.31
css selectors(class & id & universal)  (0) 2023.12.31
Inline / Internal / External 차이  (0) 2023.12.31