표 테두리 CSS 구문 배열(1)_기본 튜토리얼

Dreamweaver가 표를 만드는 데 탁월한 작업을 수행했다는 것을 알고 있지만 특정 효과를 얻으려면 CSS와 결합해야 하는 경우가 많습니다. 먼저 표 테두리에 대한 CSS 구문을 정리한 다음 CSS를 사용하여 표를 만드는 방법을 소개하겠습니다. 테이블의 테두리를 아름답게 합니다. 테이블 테두리에 대한 CSS 구문

구체적인 내용에는 위쪽 테두리 너비, 오른쪽 테두리 너비, 아래쪽 테두리 너비, 왼쪽 테두리 너비, 테두리 너비, 테두리 색상, 테두리 스타일, 위쪽 테두리, 아래쪽 테두리, 왼쪽 테두리, 오른쪽 테두리가 포함됩니다. 테두리, 테두리, 너비, 높이, 관련 라벨 등
1. 위쪽 테두리 너비

구문: border-top-width:
허용되는 값: 얇음 | 중간 | 두꺼움 |
초기 값: 중간
적용 가능 대상: 모든 객체
이전 버전과 호환 가능: 아니요
위쪽 테두리 너비 속성은 요소의 위쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례적인 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 상단 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
　2. 오른쪽 테두리 너비

구문: border-right-width:
허용 값: 얇음 | 중간 | 두꺼움 |
초기 값: 중간
적용 가능 대상: 모든 객체
이전 버전과 호환 가능: 아니요
오른쪽 테두리 너비 속성은 요소의 오른쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례적인 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 오른쪽 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
3. 하단 테두리 너비

구문: border-bottom-width:
허용되는 값: 얇음 | 중간 | 두꺼움
초기 값: 중간
적용 대상: 모든 개체
이전 버전과 호환 가능: 아니요
아래쪽 테두리 너비 속성은 요소의 아래쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례적인 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 하단 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
4. 왼쪽 테두리 너비

구문: border-left-width:
허용되는 값: 얇음 | 중간 | 두꺼움
초기 값: 중간
적용 가능 대상: 모든 객체
이전 버전과 호환 가능: 아니요
왼쪽 테두리 너비 속성은 요소의 왼쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례적인 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 왼쪽 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
5. 테두리 너비

구문: border-width:
허용되는 값: [ 얇음 | 중간 | 두꺼움 | ]{1,4} 초기 값: 정의되지 않음
적용 대상: 모든 객체
이전 버전과 호환 가능: 아니요
border-width 속성은 1~4개의 값으로 요소의 테두리를 설정합니다. 값은 키워드 또는 길이입니다. 음수 길이는 허용되지 않습니다. 네 가지 값이 모두 주어지면 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리 스타일에 각각 적용됩니다. 값이 주어지면 각 모서리에 적용됩니다. 2개 또는 3개의 값이 주어지면 생략된 값은 반대쪽과 같습니다. 이 속성은 위쪽 테두리 너비, 오른쪽 테두리 너비, 아래쪽 테두리 너비, 왼쪽 테두리 너비 속성의 약어입니다. 약식 테두리 속성을 사용할 수도 있습니다.
　6. 테두리 색상

구문: border-color:
허용 값:
{1,4} 초기 값: 색상 속성의 값
적용 대상: 모든 개체
이전 버전과 호환: 아니요
border-color 속성은 요소의 테두리 색상을 설정합니다. 1~4개의 키워드를 사용할 수 있습니다. 네 가지 값이 모두 주어지면 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리 스타일에 각각 적용됩니다. 값이 주어지면 각 모서리에 적용됩니다. 2개 또는 3개의 값이 주어지면 생략된 값은 반대쪽과 같습니다. 약식 테두리 속성을 사용할 수도 있습니다.
7. 테두리 스타일

허용되는 값: [ 없음 | 점선 | 이중 홈 | 4}
초기값: 없음 적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
테두리 스타일 속성은 요소의 테두리 스타일을 설정하는 데 사용됩니다. 이 속성은 보이는 테두리를 지정하는 데 사용해야 합니다. 1~4개의 키워드를 사용할 수 있습니다. 네 가지 값이 모두 주어지면 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리 스타일에 각각 적용됩니다. 값이 주어지면 각 모서리에 적용됩니다. 2개 또는 3개의 값이 주어지면 생략된 값은 반대쪽과 같습니다.Anda juga boleh menggunakan atribut sempadan yang disingkatkan.

tiada gaya;
bertitik: garis putus-putus;
garisan putus-putus; ;
rabung:
sisipan: cekung;