> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 축소 가능한 테두리를 만드는 방법은 무엇입니까?

HTML에서 축소 가능한 테두리를 만드는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-31 12:13:05
앞으로
1717명이 탐색했습니다.

HTML에서 축소 가능한 테두리를 만드는 방법은 무엇입니까?

HTML에서 접힌 테두리를 만들기 위해 border-collapse 속성을 사용합니다. border-collapse는 테이블 테두리가 단일 테두리로 축소되어야 하는지 아니면 HTML의 자체 테두리와 분리되어야 하는지를 설정하는 CSS 속성입니다.

HTML에서 축소 가능한 테두리를 만드는 방법은 무엇입니까?

Border-collapse 속성에는 분리, 축소, 초기, 상속의 네 가지 값이 있습니다.

가치가 붕괴되면서

border-collapse 속성 값으로 Collapse를 전달하면 테이블의 테두리가 단일 테두리로 축소됩니다. 다음은 HTML에서 축소 가능한 테두리를 만드는 구문입니다.

으아아아

예 1

아래 예제에서는 HTML로 접는 테두리를 만들려고 합니다 -

으아아아

다음은 위 예제 프로그램의 출력입니다.

예 2

border-collapse 속성 값으로 Collapse를 사용하는 또 다른 예를 살펴보겠습니다. -

으아아아

분리를 가치로 삼아

border-collapse 속성의 값으로 separate을 전달하여 접힌 테두리를 만들면 개별 셀이 별도의 테두리로 둘러싸이게 됩니다.

으아아아

예 1

아래 예제에서는 HTML에서 별도의 접을 수 있는 테두리를 만들려고 합니다.

으아아아

다음은 위 예제 프로그램의 출력입니다.

예 2

border-collapse 속성의 값으로 분할이 사용되는 또 다른 예를 살펴보겠습니다 -

으아아아

초기값을 값으로 사용

border-collapse 속성 값으로 initial을 전달하면 기본값인 단독 값으로 설정됩니다. 다음은 HTML에서 border-collapse 속성의 초기 속성을 사용하는 구문입니다.

으아아아

아래에는 HTML에서 border-collapse 속성의 초기 속성을 사용하는 예가 나와 있습니다.

으으으으

위 내용은 HTML에서 축소 가능한 테두리를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿