border:none과 border:0의 차이점_기본 튜토리얼

1. border:none
border-style의 약어
크롬 리뷰 요소에서 다음 결과 확인

코드 복사 코드는 다음과 같습니다.

element.style {
border: none;
border-top-style: none;
border-right-style: none;
테두리 하단 스타일: 없음;
테두리 왼쪽 스타일: 없음;
테두리 너비: 초기;
테두리 색상: 초기;
}

in Firefox Firebug를 사용하여 요소를 보면 다음과 같은 결과가 표시됩니다.

코드 복사 코드

element .style {
border: media none;
}

medium 값에 주의하세요
2. border :0
border-width의 약어
chrome에서 검토 요소는 다음과 같은 결과를 봅니다

코드 복사 코드는 다음과 같습니다:

element.style {
border: 0;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-style: 이니셜;
border-color: 이니셜;
}

Firebug를 사용하여 Firefox에서 요소를 보면 다음과 같은 결과가 표시됩니다.

코드 복사 코드는 다음과 같습니다.

element.style {
border: 0 none;
}

firebug에서 border:none과 border:0의 차이점에 주의하세요
다음은 자세히 설명하기 위한 예시입니다

코드 복사 코드는 다음과 같습니다

< div class="setwidth">
"테두리: 0" 및 "border-width: 3px"

"테두리 : 0" 및 "테두리 스타일: 점선"

"테두리: 없음" 및 "테두리 너비: 3px"

"테두리: 없음" 및 " border-style: dashed"