CSS border-width 속성 사용에 대한 튜토리얼

border-width - 네 개의 테두리 너비를 정의합니다. 값:{1,4} 상속 | {1,4}: 테두리 너비(1개, 2개, 3개 또는 4개의 값을 가질 수 있음) 상속:inherit 초기 값: 중간 상속: 아니요 적용 대상: 모든 요소 테두리: 테두리, 너비: 너비. 테두리 너비의 값 얇은: border-width -- 네 개의 테두리 너비를 정의합니다.
값:{1,4} | 상속
{1,4}: 테두리 너비(1개 또는 2개, 3개 포함 가능) 또는 4개 값)
inherit: 상속
초기 값: 중간
상속: 아니요
적용 대상: 모든 요소
border: 테두리, 너비: width
border-width 값
thin: 얇음
medium: Medium
thick: Thick
<길이>: 길이 표기
위의 너비 값은 다음과 같은 관계를 갖습니다: 얇은
팁: border-width는 백분율을 사용할 수 없으며 음수 값을 사용할 수 없으며 길이만 사용할 수 있습니다.(예: px, em 등)

예
border-width
border-width에 4가지 값을 지정하세요: border-top-width border-right-width border-bottom-width border-left -width ;
p#fourborders
{
border-width:thick Medium Thin 12px;
4개의 값이 정의된 경우 이 4개의 값은 위쪽, 오른쪽, 아래쪽 및 왼쪽 테두리의 너비 값입니다. (위쪽 테두리부터 시작하여 시계 방향으로 이동)

는 다음 정의

p#fourborders
{
border-right-width:medium; 하단-너비:얇음;
테두리-왼쪽-너비:12px;
테두리-너비
에 대해 세 가지 값을 지정합니다: 테두리-상단-너비 테두리-오른쪽-너비/테두리-왼쪽-너비
p#3borders
{
border-width:thick 12px Thin;
세 개의 값만 정의된 경우 가운데 값은 왼쪽 및 오른쪽 테두리의 너비를 나타냅니다. 다음 정의

p#3borders
{
border-top-width:thick;
border-bottom-width:thin;
border-left-width:12px; border-width 값
border-width:border-top-width/border-bottom-width border-right-width/border-left-width
p#twoborders
{
border-width:thick 12px; }
두 개의 값만 정의된 경우 전자의 값은 위쪽 및 아래쪽 테두리의 너비를 나타내고 후자의 값은 왼쪽 및 오른쪽 테두리의 너비를 나타냅니다.

는 다음 정의와 동일합니다

p# twoborders
{
border-right-width:12px ;
border-bottom-width:thick;
border-left-width:12px}
border-width 값을 지정하세요 border-width:border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick;
하나의 값만 정의된 경우 , 이 값은 네 변의 너비를 나타냅니다.

p#oneborders
{
border-right-width:thick; :두꺼움;
테두리-왼쪽-너비:두꺼움
}

위 내용은 CSS border-width 속성 사용에 대한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!