>  기사  >  웹 프론트엔드  >  CSS: 테두리 간격 속성의 사용 및 정의

CSS: 테두리 간격 속성의 사용 및 정의

黄舟
黄舟원래의
2017-06-30 09:51:422927검색

CSS에서 border-spacing 속성은 인접한 셀 테두리 사이의 거리를 지정하는 데 사용됩니다.

border-spacing 속성 예

Set border-spacing for table:

table
  {
  border-collapse:separate;  border-spacing:10px 50px;
  }

border-spacing 정의 및 사용법

border-spacing 속성은 인접한 셀의 테두리 사이의 거리를 설정합니다("테두리 분리"에만 해당). 모델).

참고: IE 브라우저의 일부 버전은 이 속성을 지원하지 않습니다.

Description

이 속성은 분리된 테두리 모델에서 셀 경계 사이의 거리를 지정합니다. 지정된 두 개의 길이 값 중 첫 번째는 수평 간격이고 두 번째는 수직 간격입니다. border-collapse가 분리로 설정되지 않은 경우 이 속성은 무시됩니다. 이 속성은 테이블에만 적용되지만 테이블의 모든 요소에 상속됩니다.

CSS: 테두리 간격 속성의 사용 및 정의

구문: ​​


border-spacing : length || length

매개변수:

length: 부동 소수점 숫자와 단위 식별자로 구성된 길이 값입니다. 부정적일 수 없습니다. 길이 단위를 참고하세요

설명:
테이블 테두리가 독립된 경우(예: border-collapse 속성이 분리와 동일한 경우) 행과 셀 테두리의 가로 및 세로 간격을 설정하거나 검색합니다.
길이 값을 하나만 지정한 경우 이 값은 가로 및 세로 간격에 적용됩니다. 두 길이 값을 모두 지정하면 첫 번째는 가로 간격에, 두 번째는 세로 간격에 적용됩니다.
현재 IE5.5는 이 속성을 지원하지 않습니다.
해당 스크립트 기능은 borderSpacing입니다. 제가 쓴 다른 책들도 참조해 주세요.

예:

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

위 내용은 CSS: 테두리 간격 속성의 사용 및 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.