📌 border-collapse

border-collapse 속성은 표 테두리(border) 스타일을 separated 또는 collapsed 중 어떤 방법으로 적용할지를 결정합니다. 표시할될 지를 결정합니다.

separate 값을 지정하면 인접한 셀은 각각 자신의 고유(distinct) 테두리를 collapse 값을 지정하면 인접한 셀은 테두리를 공유해서 나타냅니다.

table {
	border-collapse: collapse;
}

MDN border-collapse 속성

📌 empty-cells

empty-cells 속성은 내용이 없는 셀(Empty Cell)의 테두리와 배경을 표시할지 여부를 설정합니다 .

table {
	empty-cells: hide;
}

MDN empty-cells 속성

📌 appearance

appearance 속성은 운영 체제 테마를 기반으로 하는 UI 서식의 기본 모양을 제어하는 데 사용됩니다.

input {
	appearance: none;
}

MDN appearance 속성

목차로 이동