html5 속성 대 CSS 속성 : 현대화 여행

HTML5는 우리가 테이블을 만드는 방식에 혁명을 일으켰습니다. 한때 필수적인 몇 가지 속성을 제거합니다. Visual Studio에서 만나면 CellPadding, Cellspacing, Valign 및 Align은 더 이상 유효한 html5 테이블 속성이 아닙니다.

이 속성을 대체하고 원하는 테이블 형식을 유지하기 위해 CSS 속성은 구출됩니다.

th, td {
  padding: 5px;
}

th, td { 패딩 : 5px; }

CSS 경계-콜라 랩스 및 경계 간격으로 셀 스페이스를 모방합니다. 테이블 셀 사이의 공간을 유지하려면 테두리 콜라스를 설정하여 테두리 스페이스와 함께 원하는 간격을 분리하고 지정하십시오. 국경-콜라 랩스 : 별도; 국경 간격 : 5px; }

간격을 완전히 제거하려면 (CellSpacing = "0"에 해당)를 사용합니다.

table {
  border-collapse: separate;
  border-spacing: 5px;
}

표 { 국경-콜라스 : 붕괴; 국경 간격 : 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
}

CSS 마진이있는 테이블 센터링 테이블 :

th, td {
  vertical-align: top;
}

table { 여백 : 0 Auto; }

이러한 CSS 속성을 사용하여 HTML5에서 셀 패딩, 셀 스페이스, valign 및 정렬의 기능을 복제하여 테이블이 현대적인 웹 표준에 시각적으로 매력적이고 준수하도록 할 수 있습니다.

.