테이블 테두리용 CSS 구문_HTML/Xhtml_웹페이지 제작

표 테두리에 대한 CSS 구문 특정 콘텐츠에는 위쪽 테두리 너비, 오른쪽 테두리 너비, 아래쪽 테두리 너비, 왼쪽 테두리 너비, 테두리 너비, 테두리 색상, 테두리 스타일, 위쪽 테두리, 아래쪽 테두리, 왼쪽 테두리, 오른쪽 테두리, 테두리, 너비, 높이, 관련 라벨, 등. . 1. 상단 테두리 너비 구문: border-top-width: 허용
　테이블 테두리 관련 CSS 구문
구체적인 내용에는 위쪽 테두리 너비, 오른쪽 테두리 너비, 아래쪽 테두리 너비, 왼쪽 테두리 너비, 테두리 너비, 테두리 색상, 테두리 스타일, 위쪽 테두리가 포함됩니다. , 아래쪽 테두리, 왼쪽 테두리, 오른쪽 테두리, 테두리, 너비, 높이, 관련 라벨 등
　 1. 상단 테두리 너비
구문: border-top-width:
허용되는 값: 가늘게 | 중간 | : 중간
적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
위쪽 테두리 너비 속성은 요소의 위쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 상단 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
　
2. 오른쪽 테두리 너비
구문: border-right-width: 허용되는 값: 가늘게 | 중간 | : 중간
적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
오른쪽 테두리 너비 속성은 요소의 오른쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 오른쪽 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
　
3. 하단 테두리 너비
구문: border-bottom-width:
허용되는 값: 가늘게 | 중간 두께 | : 중간 적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
아래쪽 테두리 너비 속성은 요소의 아래쪽 테두리 너비를 지정하는 데 사용됩니다. 값은 세 가지 키워드 중 하나일 수 있으며 어느 것도 글꼴 크기나 길이에 영향을 받지 않으며 비례 너비를 구현하는 데 사용할 수 있습니다. 음수 값은 허용되지 않습니다. 하단 테두리, 테두리 너비 또는 테두리 속성을 축약하는 데에도 사용할 수 있습니다.
　
4. 왼쪽 테두리 너비

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


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


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


구문: 허용되는 값: [ 없음 점선 | 실선 | inset | outset ]{1,4}
초기값: 없음 적용 대상: 모든 객체
하위 호환성: 없음
테두리 스타일 속성은 요소의 테두리 스타일을 설정하는 데 사용됩니다. 이 속성은 보이는 테두리를 지정하는 데 사용해야 합니다. 1~4개의 키워드를 사용할 수 있습니다. 네 가지 값이 모두 주어지면 위쪽, 오른쪽, 아래쪽, 왼쪽 테두리 스타일에 각각 적용됩니다. 값이 주어지면 각 모서리에 적용됩니다. 2개 또는 3개의 값이 주어지면 생략된 값은 반대쪽과 같습니다. 축약된 테두리 속성 을 사용할 수도 있습니다.
없음: 스타일 없음;
점선: 점선
실선: 이중선
홈: 홈이 있는 선; > 능선: 능선;
삽입: 오목
시작: 볼록.

8. 상단 테두리

구문: border-top:
허용되는 값: <테두리 상단 너비> || <색상> 초기 값: 정의되지 않음
적용 대상: 모든 개체
하위 호환성: 아니요
border-top 속성은 요소 테두리의 너비, 스타일, 색상을 설정하는 약어입니다.
참고
테두리 스타일은 하나만 지정할 수 있습니다. 약식 테두리 속성을 사용할 수도 있습니다.
　9. 오른쪽 테두리
구문: border-right: 허용되는 값: 색상>
초기값: 정의되지 않음 적용 대상: 모든 개체
하위 호환성: 아니요
오른쪽 테두리 속성은 색상의 너비, 스타일, 약어를 설정하는 데 사용되는 속성입니다.
참고
테두리 스타일은 하나만 지정할 수 있습니다. 약식 테두리 속성을 사용할 수도 있습니다. ​
                                                                        #p#　10. 하단 테두리

구문: border-bottom: 허용되는 값: <하단 테두리 너비>
초기값: 정의되지 않음 적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
아래쪽 테두리 속성은 요소의 아래쪽 테두리, 스타일 및 색상 약어를 설정하는 데 사용되는 너비입니다. .
참고
테두리 스타일은 하나만 지정할 수 있습니다. 약식 테두리 속성을 사용할 수도 있습니다.
　11. 왼쪽 테두리
구문: border-left: 허용되는 값: <왼쪽 테두리 너비> ;
초기값: 정의되지 않음 적용 대상: 모든 개체
이전 버전과의 호환성: 아니요
왼쪽 테두리 속성은 요소의 왼쪽 테두리 너비, 스타일, 색상을 설정하는 데 사용되는 속성입니다. 의 약어.
참고
테두리 스타일은 하나만 지정할 수 있습니다. 약식 테두리 속성을 사용할 수도 있습니다.
　12. 테두리
구문: 테두리: <값> 허용되는 값: <테두리 너비> || 초기값: 정의되지 않음
적용 대상: 모든 개체 이전 버전과의 호환성: 아니요
border 속성은 요소 테두리의 너비, 스타일 및 색상을 설정하는 약어입니다.
테두리 선언의 예는 다음과 같습니다.
H2 { border: 홈 3em }
A:link { border: solid blue }
A:visited { border: 얇은 점선 #800080 }
A: active { border: Thick double red }
　 border 속성은 네 가지 종류의 테두리만 설정할 수 있으며 한 세트의 테두리의 너비와 스타일만 제공할 수 있습니다. 요소의 네 가지 테두리에 서로 다른 값을 제공하려면 웹 페이지 작성자는 위쪽 테두리, 오른쪽 테두리, 아래쪽 테두리, 왼쪽 테두리, 테두리 색상, 테두리 너비, 테두리 스타일과 같은 하나 이상의 속성을 사용해야 합니다. 위쪽 테두리 너비, 오른쪽 테두리 너비, 아래쪽 테두리 너비 또는 왼쪽 테두리 너비입니다.
　
13. 너비


너비: 허용되는 값:
적용 대상: 블록 수준 및 대체 요소 이전 버전과의 호환성: 아니요
width 속성의 초기 값은 요소의 원래 너비인 "auto"입니다(요소의 너비가 있습니다). 그 자체). 백분율은 상위 요소의 너비를 나타냅니다. 음수 길이 값은 허용되지 않습니다.
　
14. 높이


구문: 높이:
허용되는 값: | auto 적용 대상 : 블록 수준 및 대체 요소
이전 버전과의 호환성: 아니요 height 속성의 초기 값은 요소의 원래 높이인 "auto"입니다(있는 경우 요소 자체의 높이). ). 백분율은 상위 요소의 너비를 나타냅니다. 음수 길이 값은 허용되지 않습니다.
　
15. 관련 태그

테이블: 테이블 태그, 전체 테이블 스타일에 대한 정의가 테이블에 배치되어야 합니다.td: 셀 라벨, 셀 스타일 정의는 td에 배치되어야 합니다.