CSS3에서 요소의 테두리, 배경 및 크기를 설정하는 방법 설명

Border

border와 관련된 속성은 다음과 같습니다.

border-width

은 테두리 너비를 설정하는 데 사용됩니다. 옵션은 다음과 같습니다.
1) <길이 값>: CSS 측정 단위(예: em, px, cm) 길이 값;
2) : 테두리 그리기 영역 너비의 백분율로 테두리 너비 값을 설정합니다.
3) 가늘게, 중간, 두껍게: 테두리 너비를 기본값으로 설정합니다. 이 세 가지 값의 구체적인 의미는 브라우저에서 정의합니다. 세 가지 값으로 표시되는 너비는 한 번에 증가합니다.

border-style

은 테두리를 그리는 데 사용되는 스타일을 설정하는 데 사용되며 다음 값 중 하나일 수 있습니다.
1) 없음: 테두리 없음, 기본값;
2) 점선: 점선 테두리;
4) 홈: 홈이 있는 테두리; 요소 내용에 인라인 효과를 주는 테두리
6) 요소 내용에 볼록 효과를 주는 테두리
7) 능선: 능선 테두리; .
border-color
테두리 색상을 설정합니다.
특정 측면의 테두리 스타일 설정

top-edge

border-top-width

border-top-style

border-top-color
bottom-border
border-bottom -너비
테두리 하단 스타일
테두리 하단 색상
왼쪽
테두리 왼쪽 너비
테두리 왼쪽 스타일
테두리 왼쪽 색상
오른쪽
테두리 -right- width
border-right-style
border-right-color
Abbreviation

border: