본문 바로가기

Webstoryboy

Category

Explanation

분류 전체보기

 (864)
[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..
background-color background-color background-color 속성은 백그라운드 색을 설정합니다. 기본 값은 투명하게 설정되어 있으며, 색상 표현 방식에 따라 키워드, 헥사코드, RGB, HSL 등으로 표현 할 수 있습니다. background-color background-color 속성은 백그라운드 색을 설정합니다. 특징 설명 기본 값 background-color : transparent 적용 background 버전 CSS1 사용성 ★★★★★ 정의(Definition) background-color 속성은 백그라운드 색을 설정합니다. 백그라운드와 관련된 속성(Background Related Properties) background 속성은 백그라운드 속성을 일괄적으로 설정합니다. background..
background-clip background-clip background-clip 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. background-clip background-clip 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. 특징 설명 기본 값 background-clip : border-box 적용 background 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) background-clip 속성은 백그라운드 이미지의 위치 기준점을 설정하기 위한 속성입니다. clip은 걸다, 끼우다의 뜻으로 background-clip 배경 이미지를 어디에 설정하지를 설정합니다. background-clip 기준점은 보더(border), 패딩(padding), 컨텐츠, 텍스트(te..
background-blend-mode background-blend-mode background-blend-mode 속성은 배경을 혼합했을 때의 상태를 설정합니다. 백그라운드 색상과 백그라운드 이미지를 혼합 했을 때 효과를 만들어 주기 때문에, 두가지 요소가 없다면, 적용이 안 될 수 있습니다. 포토샵의 브랜드 효과와 동일하다고 보시면 됩니다. background-blend-mode background-blend-mode 속성은 배경을 혼합했을 때의 상태를 설정합니다. 특징 설명 기본 값 background-blend-mode : normal; 적용 background 버전 CSS1 사용성 ★★★☆☆ 정의(Definition) background-blend-mode 속성은 배경을 혼합했을 때의 상태를 설정합니다. blend-mode는 크게 ..
1 ··· 14 15 16 17 18 19 20 ··· 29
Alphabet
Topic
Alphabet
Topic
Alphabet
Topics



Topics
Topics
Topics
Topics
Topics
Topics
Topics
Topics

티스토리툴바