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

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

WBOY
WBOY앞으로
2023-08-31 12:13:051619검색

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으로 문의하시기 바랍니다. 삭제