본문 바로가기

Webstoryboy

Category

Explanation

CSS

(238)
[CSS] border-spacing border-spacing border-spacing 속성은 테이블의 테두리 간격을 설정합니다. border-spacing border-spacing 속성은 테이블의 테두리 간격을 설정합니다. 특징 설명 기본 값 border-spacing : medium 적용 table 버전 CSS2 시각적 표현 테이블 테두리 간격 조정 사용성 정의(Definition) border-spacing 속성은 테이블의 테두리 간격을 설정합니다. 테이블과 관련된 태그 및 속성(Table Related Tags and Property) 태그는 표를 설정합니다. 태그는 표의 제목을 설정합니다. 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표의 본문 영역을 그룹화합니다. 태그는 표의 푸터 영역을 그룹화합니다. 태그는 표의 행을 설..
[CSS] border-right-width border-right-width border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-right-width border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 특징 설명 기본 값 border-right-width : medium 적용 border 버전 CSS1 사용성 정의(Definition) border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 비교(Compare) border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. bord..
[CSS] border-right-style border-right-style border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. border-right-style border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 특징 설명 기본 값 border-right-style : none 적용 border 버전 CSS1 사용성 정의(Definition) border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 비교(Compare) border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. ..
[CSS] border-right-color border-right-color border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. border-right-color border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 특징 설명 기본 값 border-right-color : currentColor 적용 border 버전 CSS3 정의(Definition) border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 비교(Compare) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. border-l..
[CSS] border-right border-right border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. border-right border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다.. 특징 설명 기본 값 border-right-width : medium border-right-style : none border-right-color : currentColor 적용 border 버전 CSS3 사용성 정의(Definition) border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-top 속성은 테두리 위쪽 속성을 일괄적으로 설정합니다. border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. border-bottom 속성..
[CSS] border-radius border-radius border-radius 속성은 모서리 굴곡을 설정합니다. border-radius border-radius 속성은 모서리 굴곡을 설정합니다. 특징 설명 기본 값 border-top-left-radius : 0 border-top-right-radius : 0 border-bottom-right-radius : 0 border-bottom-left-radius : 0 적용 border 버전 CSS3 사용성 정의(Definition) border-radius 속성은 모서리 굴곡을 설정합니다. 비교(Compare) border-radius 속성은 모서리 굴곡을 설정합니다. border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. border-top-ri..
[CSS] border-left-width border-left-width border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. border-left-width border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 특징 설명 기본 값 border-left-width : medium 적용 border 버전 CSS1 사용성 정의(Definition) border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 비교(Compare) border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. border-left-w..
[CSS] border-left-style border-left-style border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. border-left-style border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 특징 설명 기본 값 border-left-style : none 적용 border 버전 CSS1 사용성 정의(Definition) border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 비교(Compare) border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. border-le..
[CSS] border-left-color border-left-color border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. border-left-color border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 특징 설명 기본 값 border-left-color : currentColor 적용 border 버전 CSS3 사용성 정의(Definition) border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 비교(Compare) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. border-left-c..
[CSS] border-left border-left border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. border-left border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 특징 설명 기본 값 border-left-width : medium border-left-style : none border-left-color : currentColor 적용 border 버전 CSS3 사용성 정의(Definition) border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-top 속성은 테두리 위쪽 속성을 일괄적으로 설정합니다. border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. border-bottom 속성은 테두리 아래쪽 속성..
[CSS] border-image-width border-image-width border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다. border-image-width border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다. 특징 설명 기본 값 border-image-width : 1 적용 border 버전 CSS3 정의(Definition) border-image-width 속성은 테두리 이미지 경로 속성을 설정합니다. 문법(Syntax) border-image-width : length | percentage | number | auto /* 표현 방법(위,오른쪽,아래,왼쪽:10px)을 설정한 경우 */ border-image-width : 10px; /* 표현 방법(위,아래:5px | 왼쪽,오른..
[CSS] border-image-source border-image-source border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. border-image-source border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. 특징 설명 기본 값 border-image-source : none 적용 border 버전 CSS3 정의(Definition) border-image-source 속성은 테두리 이미지 경로 속성을 설정합니다. 문법(Syntax) border-image-source : number | percentage | fill 속성(Property) 속성값 설명 none 테두리 이미지를 설정하지 않습니다. image 테두리 이미지 경로를 설정합니다. 호환성(Compatibility) ..
[CSS] border-image-slice border-image-slice border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. border-image-slice border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. 특징 설명 기본 값 border-image-slice : 100% 적용 border 버전 CSS3 정의(Definition) border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다. 문법(Syntax) border-image-slice : number | percentage | fill /* 표현 방법(위,오른쪽,아래,왼쪽:10)을 설정한 경우 */ border-image-slice : 10; /* 표현 방법(위,아래:10 | 왼쪽,오른쪽:20) */ bo..
[CSS] border-image-repeat border-image-repeat border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. border-image-repeat border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. 특징 설명 기본 값 border-image-repeat : stretch 적용 border 버전 CSS3 정의(Definition) border-image-repeat 속성은 테두리 이미지 반복 속성을 설정합니다. 문법(Syntax) border-image-repeat : stretch | repeat | round | space 속성(Property) 속성값 설명 stretch 테두리 이미지는 반복하지 않고 전체 길이에 맞게 한번만 설정합니다. repeat 테두리 이미지..
[CSS] border-image-outset border-image-outset border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. border-image-outset border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. 특징 설명 기본 값 border-image-outset : 0s 적용 border 버전 CSS3 정의(Definition) border-image-outset 속성은 테두리 이미지 간격 속성을 설정합니다. 문법(Syntax) border-image-outset : length | number /* 표현 방법(위,오른쪽,아래,왼쪽:10px)을 설정한 경우 */ border-image-outset : 10px; /* 표현 방법(위,아래:5px | 왼쪽,오른쪽:2px) */ b..
[CSS] border-image border-image border-image 속성은 테두리 이미지 속성을 설정합니다. border-image border-image 속성은 테두리 이미지 속성을 설정합니다. 특징 설명 기본 값 border-image-source : none border-image-slice : 100% border-image-width : 1 border-image-outset : 0s border-image-repeat : stretch 적용 border 버전 CSS3 정의(Definition) border-image 테두리 이미지 속성을 설정합니다. 문법(Syntax) border-image : border-image-source | border-image-slice | border-image-width | bor..
[CSS] border-color border-color border-color 속성은 테두리 색 속성을 설정합니다. border-color border-color 속성은 테두리 색 속성을 설정합니다. 특징 설명 기본 값 border-color : currentcolor 적용 border 버전 CSS1 사용성 정의(Definition) border-color는 테두리 색 속성을 설정합니다. 비교(Compare) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 테두리와 관련된 속성(B..
[CSS] border-collapse border-collapse border-collapse 속성은 테이블의 테두리 분리 여부를 설정합니다. border-collapse border-collapse 속성은 테이블의 테두리 분리 여부를 설정합니다. 특징 설명 기본 값 border-collapse : separate 적용 table 버전 CSS1 시각적 표현 테이블 테투리 분리 및 합치기 사용성 정의(Definition) border-collapse 속성은 테이블의 분리 여부를 설정합니다. 테이블과 관련된 태그 및 속성(Table Related Tags and Property) 태그는 표를 설정합니다. 태그는 표의 제목을 설정합니다. 태그는 표의 헤더 영역을 그룹화합니다. 태그는 표의 본문 영역을 그룹화합니다. 태그는 표의 푸터 영역을 그룹화..
[CSS] border-bottom-width border-bottom-width border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. border-bottom-width border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 특징 설명 기본 값 border-bottom-width : medium 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 비교(Compare) border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다..
[CSS] border-bottom-style border-bottom-style border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. border-bottom-style border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 특징 설명 기본 값 border-bottom-style : none 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 비교(Compare) border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설..
[CSS] border-bottom-right-radius border-bottom-right-radius border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. border-bottom-right-radius border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. 특징 설명 기본 값 border-bottom-right-radius : 0 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom-right-radius 속성은 아래부분 오른쪽 모서리 굴곡을 설정합니다. 비교(Compare) border-radius 속성은 모서리 굴곡을 설정합니다. border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. border..
[CSS] border-bottom-left-radius border-bottom-left-radius border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. border-bottom-left-radius border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. 특징 설명 기본 값 border-bottom-left-radius : 0 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom-left-radius 속성은 아래부분 왼쪽 모서리 굴곡을 설정합니다. 비교(Compare) border-radius 속성은 모서리 굴곡을 설정합니다. border-top-left-radius 속성은 윗부분 왼쪽 모서리 굴곡을 설정합니다. border-top-righ..
[CSS] border-bottom-color border-bottom-color border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. border-bottom-color border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 특징 설명 기본 값 border-bottom-color : currentColor 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 비교(Compare) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다..
[CSS] border-bottom border-bottom border-bottom 속성은 테두리 아래쪽 속성을 일괄적으로 설정합니다. border-bottom border-bottom 속성은 아래쪽 속성을 일괄적으로 설정합니다. 특징 설명 기본 값 border-bottom-width : medium border-bottom-style : none border-bottom-color : currentColor 적용 border 버전 CSS1 사용성 정의(Definition) border-bottom 속성은 테두리 아래쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-top 속성은 테두리 위쪽 속성을 일괄적으로 설정합니다. border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. border-bottom..
[CSS] border border border 속성은 테두리 속성을 일괄적으로 설정합니다. border border 속성은 테두리 속성을 일괄적으로 설정합니다. 특징 설명 기본 값 border-width : medium border-style : none border-color : currentColor border-image : none border-radius :0 적용 border 버전 CSS1 사용성 정의(Definition) border 속성은 테두리 속성을 일괄적으로 설정합니다. 테두리와 관련된 속성(Border Related Properties) border-width는 테두리 두께 속성을 설정합니다. border-style는 테두리 스타일 속성을 설정합니다. border-color는 테두리 색 속성을 설정합니다..
background-size background-size background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. background-size background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. 특징 설명 기본 값 background-size : auto 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-size 속성은 백그라운드 이미지 사이즈를 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background-attachment 속성은 배경 이미지의 고정 여부를 설정합니다. background-blend-mode 속성은 배경..
background-repeat background-repeat background-repeat 속성은 백그라운드 이미지 반복 여부를 설정합니다. background-repeat background-repeat 속성은 백그라운드 이미지 반복 여부를 설정합니다. 특징 설명 기본 값 background-repeat : repeat 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-repeat 속성은 백그라운드 이미지 반복 여부를 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background-attachment 속성은 배경 이미지의 고정 여부를 설정합니다. backgrou..
background-position background-position background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. background-position background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. 특징 설명 기본 값 background-position : 0% 0% 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-position 속성은 백그라운드 이미지의 위치 영역을 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background-attachment 속성은 배경 이미지의 고정 여부를 설..
background-origin background-origin background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. background-origin background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. 특징 설명 기본 값 background-origin : padding-box 적용 background 버전 CSS1 사용성 ★☆☆☆☆ 정의(Definition) background-origin 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. background-origin 기준점은 보더(border), 패딩(padding), 컨텐츠(content)에 설정할 수 있습니다. 비교(Compare) background-origin ..
background-image background-image background-image 속성은 백그라운드 이미지 및 배경 속성을 설정합니다. background-image background-image 속성은 백그라운드 이미지 및 배경 속성을 설정합니다. 특징 설명 기본 값 background-image : transparent 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-image 속성은 백그라운드 이미지 및 배경 속성을 설정합니다. background-image 속성은 다중 이미지를 익스플로러9 이상부터 지원됩니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. bac..
1 ··· 4 5 6 7 8