CSS 테두리 선 속성
border: 선-두께(border-width), 선-종류(border-style), 선-색상(border-color); -> 요소의 테두리 선을 지정하는 단축 속성 (요소의 크기가 커지는 특징) 기본값 border: medium none black; 예시 border: 10px solid orange border-width: 요소 테두리 선의 두께 medium: 중간 두께 thin: 얇은 두께 thick: 두꺼운 두께 단위: px, em, % 등 단위로 지정 (권장) 최대 4가지 값까지 입력 가능(border-width: 10px 20px 30px 40px;), 띄어쓰기로 구분 border-width: top,right,bottom,left; border-width: top,bottom left,rig..
2021. 4. 18.
CSS 외부 여백 속성
margin: 요소의 외부 여백(공간)을 지정하는 단축 속성 (음수 사용 가능) 0: 외부 여백 없음 auto: 브라우저가 여백을 계산, 가로(세로) 너비가 있는 요소의 가운데 정렬에 활용 단위: px, em, vw 등 단위로 지정 %: 부모 요소의 가로 너비에 대한 비율로 지정 최대 4가지 값까지 입력 가능(margin: 10px 20px 30px 40px;), 띄어쓰기로 구분 margin: top,right,bottom,left; margin: top,bottom left,right; margin: top left,right bottom; margin: top right bottom left; margin-방향: 요소의 외부 여백(공간)을 지정하는 기타 개별 속성들 margin-top margin-b..
2021. 4. 18.
