CSS3에 내부 테두리를 추가하는 방법

css3에서 내부 테두리를 추가하는 방법: [box-sizing:border-box;]와 같은 border 속성과 box-sizing 속성을 사용하여 내부 테두리를 추가할 수 있습니다. box-sizing 속성을 사용하면 특정 속성을 지정된 영역에 맞게 정의할 수 있습니다.

이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

css3 내부 테두리 추가

관련 속성:

border 속성을 사용하면 요소 테두리의 스타일과 색상을 지정할 수 있습니다.

상자 크기 조정 속성을 사용하면 특정 영역에 맞는 방식으로 특정 요소를 정의할 수 있습니다.

(학습 영상 공유: css video tutorial)

구문:

box-sizing: content-box|border-box|inherit:

속성 값:

• content-box CSS2.1에서 지정한 너비와 높이의 동작입니다. 요소의 너비와 높이(최소/최대 속성)를 지정하면 상자의 너비와 높이에 적용됩니다. 요소의 패딩과 테두리 레이아웃 및 그림은 요소 테두리를 결정하기 위해 너비와 높이(최소/최대 속성)를 지정하는

• border-box를 제외하고 너비와 높이를 지정합니다. 즉, 요소의 너비와 높이를 지정하면 패딩과 테두리가 포함됩니다. 콘텐츠의 너비와 높이는 각각 설정된 너비와 높이에서 테두리와 패딩을 뺀 값입니다. parent 상자 크기 속성의 값을 지정합니다.이 속성은 부모 요소에서 상속되어야하는 상자 크기 속성의 값을 지정합니다.

위 내용은 CSS3에 내부 테두리를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!