게시판이나 데이터를 표로 만들 때 border를 0으로 두면 CSS를 끈 상태에서 경계가 보이지 않아 표처럼 보이지 않더라고요.
그래서 테두리를 살려두고 border-collapse: collapse를 쓰는데, 파이어폭스에서 검은 선이 생기는 문제가 있어요.
빈 셀에도 CSS 테두리가 보이게 하고 브라우저마다 같은 모양으로 보이게 하면서, 마크업도 줄이고 싶은데 방법이 있을까요?
border-collapse를 빼면 선은 사라지는데 다른 해결책이 궁금합니다.
두메꽃 2026.01.30
글과는 별개로 궁금한데, 오페라의 자바스크립트 지원은 요즘 어떤가요?
예전 버전은 자바스크립트 쪽이 아쉽다는 얘기를 들었어요.
이룩 2026.01.30
파이어폭스에서 border-collapse가 문제를 일으키는 경우가 있더라고요.
HTML에 테두리를 지정하는 방법도 있지만, 해결 방법을 찾아봐야겠네요.
봄여울 2026.01.30
답변 감사해요ㅠㅠ
border-collapse를 빼면 되긴 하는데 border-left를 none으로 두면 없어지지 않고 흰색 선을 지정해야 했던 것 같아요.
파이어폭스 때문에 따로 추가해야 하나 고민이네요.
모이 2026.01.30
테이블과 셀에 테두리를 지정해보세요.
특정 테두리를 없애려면 클래스에서 해당 방향의 border를 none으로 설정하면 될 것 같아요.
예를 들어 테이블에는 전체 테두리를 주고, th와 td에도 같은 색으로 테두리를 지정하는 방식입니다.