본문 바로가기

Reference/CSS119

border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. Reference/CSS border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-left border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 테두리 왼쪽 속성에 color, style, width 값을 일괄적으로 설정이 가능합니다. 특징 설명 기본값 border-left-color : currentcolor border-left-style : none border-left-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left 속성은 테두리 왼쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-left 속성은 테두리 왼쪽 속성을 일.. 2022. 12. 30.
border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. Reference/CSS border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-right border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. 테두리 오른쪽 속성에 color, style, width 값을 일괄적으로 설정이 가능합니다. 특징 설명 기본값 border-right-color : currentcolor border-right-style : none border-right-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right 속성은 테두리 오른쪽 속성을 일괄적으로 설정합니다. 비교(Compare) border-right 속성은 .. 2022. 12. 30.
border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. Reference/CSS border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-width border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. 특징 설명 기본값 border-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. border-bot.. 2022. 12. 30.
border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. Reference/CSS border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-style border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 네 면의 위치를 일괄적으로 설정할 수 있으며, 각각의 위치를 개별적으로도 설정이 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다. 비교(Compare) .. 2022. 12. 30.
border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. Reference/CSS border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-right-width border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-right-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 .. 2022. 12. 30.
border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. Reference/CSS border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-top-width border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-top-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설정합니다... 2022. 12. 30.
border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. Reference/CSS border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. by @webs 2022. 12. 29. border-left-width border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-left-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-width 속성은 테두리 왼쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리 오른쪽 두께 속성을 설.. 2022. 12. 30.
border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. Reference/CSS border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. by @webs 2022. 12. 30. border-bottom-width border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 특징 설명 기본값 border-bottom-width : medium 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-width 속성은 테두리 아래쪽 두께 속성을 설정합니다. 비교(Compare) border-width 속성은 테두리 두께 속성을 일괄적으로 설정합니다. border-top-width 속성은 테두리 위쪽 두께 속성을 설정합니다. border-right-width 속성은 테두리.. 2022. 12. 30.
border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. Reference/CSS border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-top-style border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-top-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-style 속성은 테두리 위쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을 일괄적으로 설정합니다... 2022. 12. 30.
border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. Reference/CSS border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-right-style border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-right-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-style 속성은 테두리 오른쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을.. 2022. 12. 30.
border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. Reference/CSS border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-left-style border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-left-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-style 속성은 테두리 왼쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타일 속성을 일괄적으로 설.. 2022. 12. 30.
border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. Reference/CSS border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. by @webs 2022. 12. 29. border-bottom-style border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 테두리 종류를 여러가지 스타일로 설정 가능합니다. 스타일을 설정하기 위해서는 border-width와 border-color가 설정되어 있어야 합니다. 특징 설명 기본값 border-bottom-style : none 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-style 속성은 테두리 아래쪽 스타일 속성을 설정합니다. 비교(Compare) border-style 속성은 테두리 스타.. 2022. 12. 30.
border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. Reference/CSS border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. by @webs 2022. 12. 30. border-bottom-color border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 특징 설명 기본값 border-bottom-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-bottom-color 속성은 테두리 아래쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두.. 2022. 12. 30.
border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. Reference/CSS border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. by @webs 2022. 12. 30. border-left-color border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 특징 설명 기본값 border-left-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-left-color 속성은 테두리 왼쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설.. 2022. 12. 30.
border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. Reference/CSS border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. by @webs 2022. 12. 29. border-right-color border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 특징 설명 기본값 border-right-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽.. 2022. 12. 30.
border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. Reference/CSS border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. by @webs 2022. 12. 29. border-top-color border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. 특징 설명 기본값 border-top-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. border-top-color 속성은 테두리 위쪽 색 속성을 설정합니다. border-right-color 속성은 테두리 오른쪽 색 속성을 설정합니다... 2022. 12. 30.
border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. Reference/CSS border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. by @webs 2022. 12. 29. border-color border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. 네 면의 색상을 일괄적으로 설정할 수 있으며, 각각의 색상을 개별적으로도 설정이 가능합니다. 색상을 설정하기 위해서는 border-width와 border-style이 설정되어 있어야 합니다. 특징 설명 기본값 border-color : currentcolor 적용 border 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) border-color 속성은 테두리 색 속성을 일괄적으로 설정합니다. 비교(Compare) border-color 속성은 테두리 색 속성을 .. 2022. 12. 30.
font-variant-numeric 속성은 숫자에 대한 글꼴 글리프를 설정합니다. Reference/CSS font-variant-numeric 속성은 숫자에 대한 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-numeric font-variant-numeric 속성은 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-numeric : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-numeric 속성은 숫자에 대한 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형태.. 2022. 12. 11.
font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. Reference/CSS font-variant-ligatures 속성은 글꼴 글리프가 겹쳤을 때 설정합니다. by @webs 2022. 12. 8. font-variant-ligatures font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. 특징 설명 기본값 font-variant-ligatures : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리.. 2022. 12. 11.
font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. Reference/CSS font-variant-emoji 속성은 이모지 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-emoji font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-emoji : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-emoji 속성은 이모지 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형태)가 겹쳤을 때 설정합니다. fon.. 2022. 12. 11.
font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. Reference/CSS font-variant-east-asian 속성은 아시아 언어 글꼴 글리프를 설정합니다. by @webs 2022. 12. 8. font-variant-east-asian font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-east-asian : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-east-asian 속성은 아시아 언어 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11.
font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. Reference/CSS font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프를 설정합니다. by @webs 2022. 12. 11. font-variant-caps font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. 특징 설명 기본값 font-variant-caps : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-caps 속성은 소문자/대문자에 대한 글꼴 글리프(표시 형태)를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속성은 글꼴 글리프(표시 형.. 2022. 12. 11.
font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. Reference/CSS font-variant-alternates 속성은 글꼴 글리프의 대체 형태를 설정합니다. by @webs 2022. 12. 8. font-variant-alternates font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. 특징 설명 기본값 font-variant-alternates : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-alternates 속성은 글꼴 글리프(표시 형태)의 대체 형태를 설정합니다. font-variant와 관련된 속성 font-variant 속성은 글꼴 글리프(표시 형태)를 일괄적으로 설정합니다. font-variant-ligatures 속.. 2022. 12. 11.
font-variant-position 속성은 글꼴 글리프의 위치를 설정합니다. Reference/CSS font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. by @webs 2022. 12. 8. font-variant-position font-variant-position 속성은 글꼴 변형 형태의 위치를 설정합니다. 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. 특징 설명 기본값 font-variant-position : normal 적용 font 버전 CSS3 사용성 ☆☆☆☆☆ 정의(Definition) font-variant-position 속성은 글꼴 글리프(표시 형태)의 위치를 설정합니다. font-variant-position 속성은 위 첨자, 아래 첨자로 배치된 글리프의 위치를 설정합니다. font-variant와 관련된 속성.. 2022. 12. 11.
font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. Reference/CSS font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. by @webs 2022. 12. 8. font-variant font-variant 속성은 글꼴 변형 형태를 일괄적으로 설정합니다. font-variant 속성은 소문자 폰트를 대문자로 변경해주는 기능만 있었지만, 현재는 다양한 추가 속성 기능이 추가되었습니다. 글꼴에 대한 위치, 변형, 대체 문자, 겹쳤을 때 등 다양한 글꼴 지원을 위한 설정이 현재 개발 중이며, 아직까지 모든 브라우저 및 폰트에 적용되지 않습니다. 특징 설명 기본값 font-variant : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variant 속성은 글꼴 변형 형태를 일괄적으로 설.. 2022. 12. 10.
font-variation-settings 속성은 가변 폰트를 설정합니다. Reference/CSS font-variation-settings 속성은 가변 폰트를 설정합니다. by @webs 2022. 12. 10. font-variation-settings font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트는 폰트에 따라 지원여부가 다르니, 가변 폰트가 적용되는 폰트를 사용해야 합니다. 가변 폰트란 width(너비), weight(두께), slant(기울기) 등을 자유롭게 표현되는 폰트를 말합니다. 특징 설명 기본값 font-variation-settings : normal 적용 font 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) font-variation-settings 속성은 가변 폰트를 설정합니다. 가변 폰트란? widt.. 2022. 12. 10.
font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. Reference/CSS font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. by @webs 2022. 12. 8. font-size-adjust font-size-adjust 속성은 소문자를 기준으로 폰트 크기를 설정합니다. font-size-adjust 속성은 현재(2022년 기준) 호환성이 좋지 않기 때문에, 사용에 있어 효율성이 좋지 못합니다. 이 속성은 웹 문서에 두개 이상의 폰트를 사용할 경우 또는 첫 번재 설정한 폰트가 없어서, 두번째 폰트롤 로딩이 되는 경우 UI가 깨질 수 있습니다. 폰트의 크기, 간격 등이 틀리기 때문에 생각지도 못한 뒤틀림이 발생 할 수 있습니다. font-size-adjust 속성은 폰트의 기준점을 대문자가 아닌 소문자로 기준으로 하기 때.. 2022. 12. 8.
font-weight 속성은 폰트의 두께를 설정합니다. Reference/CSS font-weight 속성은 폰트의 두께를 설정합니다. by @webs 2022. 12. 8. font-weight font-weight 속성은 폰트의 두께를 설정합니다. 폰트의 두께는 100~900까지 설정 할 수 있습니다. 이것은 폰트가 9가지 두께로 설정되어 있으며, 선택이 가능합니다. 만약 해당 폰트 두께가 없다면, 가장 가까운 두께로 선택하게 됩니다. 보통은 두껍게 bold 속성을 많이 사용하는 편입니다. 특징 설명 기본값 font-weight : normal 적용 font 버전 CSS1 사용성 ★★★★☆ 정의(Definition) font-weight 속성은 폰트의 두께를 설정합니다. font-weight 요소는 두께를 숫자로 설정할 수 있습니다. font-weight.. 2022. 12. 8.