border:0과 border:none 의 차이

문득 border:0과 border: none은 둘다 border를 없애주는데 어떻게 다르지 궁금해서 검색하고 남기는 기록

 

border: 0;

- border의 두께를 0으로 설정

- 다른 속성이 있다면 (width, color 등) 그 속성들은 유지됨

- 브라우저가 인식하지만 두께가 0이라 보여지지 않는것이라 렌더링은 됨

- 다시 활성화해야 할 경우 초기설정 보존

 

border: none;

- 테두리 스타일을 없음으로 설정

- 테두리 자체를 렌더링하지 않으므로 더 효율적

 

결론!

테두리 제거가 목적이라면 border:0보다 border:none이 가독성이 좋고 경제적이므로 border: none을 더 권장함

기존스타일을 남겨두려면 border:0