CSS 참조

w3ii 'CSS 참조는 모든 주요 브라우저와 정기적으로 시험한다.

CSS 속성

CSS 속성 그룹

"CSS" 열은 CSS 버전에서 속성 정의를 나타냅니다 (CSS1, CSS2, or CSS3) .

색상 등록

재산	기술	CSS
color	텍스트의 색상을 설정합니다	1
opacity	요소의 불투명도 레벨을 설정합니다	3

배경 및 테두리 속성

재산	기술	CSS
background	하나의 선언에있는 모든 배경 속성을 설정하는 약식 속성	1
background-attachment	배경 이미지가 페이지의 나머지 부분과 고정 또는 스크롤 여부를 설정합니다	1
background-blend-mode	각 배경 레이어의 혼합 모드 지정 (color/image)	3
background-color	요소의 배경색을 지정	1
background-image	요소의 하나 또는 그 이상의 배경 이미지를 지정	1
background-position	배경 이미지의 위치를 지정	1
background-repeat	배경 화상이 반복되는 방식으로 설정	1
background-clip	배경의 그림 영역을 지정합니다	3
background-origin	배경 위치를 지정합니다 image(s) / 위치한다	3
background-size	지정 배경의 크기 image(s)	3
border	하나의 선언에서 모든 테두리 속성을 설정합니다	1
border-bottom	하나의 선언에서 모든 아래쪽 테두리 속성을 설정합니다	1
border-bottom-color	아래쪽 테두리의 색상을 설정합니다	1
border-bottom-left-radius	왼쪽 하단의 테두리의 모양을 정의	3
border-bottom-right-radius	오른쪽 하단의 테두리의 모양을 정의	3
border-bottom-style	아래쪽 테두리의 스타일을 설정합니다	1
border-bottom-width	아래쪽 테두리의 폭을 설정합니다	1
border-color	네 테두리의 색상을 설정합니다	1
border-image	모든 경계 - 화상 - * 속성을 설정하는 약식 속성	3
border-image-outset	테두리 화상 영역의 경계 상자 넘어 연장되는 정도를 지정	3
border-image-repeat	테두리 이미지가 반복 반올림 또는 신장할지 여부를 지정합니다	3
border-image-slice	어떻게 국경 이미지를 슬라이스를 지정합니다	3
border-image-source	이미지의 경로는 테두리로 사용되는 지정	3
border-image-width	이미지 국경의 폭을 지정합니다	3
border-left	하나의 선언에서 모든 왼쪽 테두리 속성을 설정합니다	1
border-left-color	왼쪽 테두리의 색상을 설정합니다	1
border-left-style	왼쪽 테두리의 스타일을 설정합니다	1
border-left-width	왼쪽 테두리의 폭을 설정합니다	1
border-radius	* - - 반경 특성 모두 네 경계를 설정하기위한 약식 속성	3
border-right	하나의 선언에서 모든 오른쪽 테두리 속성을 설정합니다	1
border-right-color	오른쪽 테두리의 색상을 설정합니다	1
border-right-style	오른쪽 테두리의 스타일을 설정합니다	1
border-right-width	오른쪽 테두리의 폭을 설정합니다	1
border-style	네 테두리의 스타일을 설정합니다	1
border-top	하나의 선언에서 모든 위쪽 테두리 속성을 설정합니다	1
border-top-color	위쪽 테두리의 색상을 설정합니다	1
border-top-left-radius	왼쪽 상단의 테두리의 모양을 정의	3
border-top-right-radius	오른쪽 상단의 테두리의 모양을 정의	3
border-top-style	위쪽 테두리의 스타일을 설정합니다	1
border-top-width	위쪽 테두리의 폭을 설정합니다	1
border-width	네 테두리의 폭을 설정합니다	1
box-decoration-break	라인 - 휴식, 인라인 요소, 페이지 나누기에서 요소의 배경 및 테두리의 동작을 설정하거나.	3
box-shadow	상자에 하나 이상의 드롭 그림자를 연결합니다	3

기본 상자 속성

재산	기술	CSS
bottom	위치 지정 요소의 하단에 위치를 지정합니다	2
clear	다른 부동 요소가 허용되지 않는 요소의 어떤 측면을 지정합니다	1
clip	클립 절대적 위치 요소	2
display	특정 HTML 요소를 표시 할 방법을 지정합니다	1
float	상자가 떠할지 여부를 지정합니다	1
height	요소의 높이를 설정	1
left	위치 지정 요소의 왼쪽 위치를 지정합니다	2
margin	하나의 선언에서 모든 여백 속성을 설정합니다	1
margin-bottom	요소의 아래쪽 여백을 설정합니다	1
margin-left	요소의 왼쪽 여백을 설정합니다	1
margin-right	요소의 오른쪽 여백을 설정합니다	1
margin-top	요소의 위쪽 여백을 설정합니다	1
max-height	요소의 최대 높이를 설정	2
max-width	요소의 최대 폭을 설정	2
min-height	소자의 최소 높이를 설정	2
min-width	소자의 최소 폭을 설정	2
overflow	내용 요소의 상자를 오버 플로우하는 경우 수행되는 작업을 지정합니다	2
overflow-x	그것은 요소의 콘텐츠 영역을 오버 플로우하는 경우, 콘텐츠의 좌 / 우 가장자리를 클립 할 것인지 여부를 지정	3
overflow-y	그것은 요소의 콘텐츠 영역을 오버 플로우하는 경우, 콘텐츠의 상단 / 하단 가장자리를 클립 할 것인지 여부를 지정	3
padding	하나의 선언에서 모든 패딩 속성을 설정합니다	1
padding-bottom	소자의 아래쪽 여백을 설정	1
padding-left	요소의 좌측 여백을 설정	1
padding-right	요소의 오른쪽 여백을 설정	1
padding-top	소자의 상단에 여백을 설정	1
position	측위 방법의 유형은 요소의 사용을 지정 (정적 대하여 절대 또는 고정)	2
right	위치 지정 요소의 오른쪽 위치를 지정합니다	2
top	위치 지정 요소의 상단 위치를 지정합니다	2
visibility	요소가 표시할지 여부를 지정합니다	2
width	요소의 폭을 설정	1
vertical-align	요소의 수직 정렬을 설정합니다	1
z-index	위치 지정 요소의 스택 순서를 설정합니다	2

유연한 박스 레이아웃

재산	기술	CSS
align-content	항목은 사용 가능한 모든 공간을 유연 용기 내부의 선 사이의 정렬을 사용하지 않는 지정하는 경우	3
align-items	유연한 컨테이너 내부 항목에 대한 정렬을 지정합니다	3
align-self	유연한 용기 내부 선택한 항목에 대한 정렬을 지정합니다	3
flex	나머지에 대하여 항목의 길이를 지정	3
flex-basis	유연한 항목의 초기 길이를 지정합니다	3
flex-direction	가요 항목의 방향을 지정	3
flex-flow	플렉스 방향 및 플렉스 랩 특성에 대한 약식 속성	3
flex-grow	항목이 나머지에 비해 성장이 얼마나 지정	3
flex-shrink	항목이 나머지에 비해 축소 방법을 지정	3
flex-wrap	유연한 상품 포장 여부를할지 여부를 지정합니다	3
justify-content	항목은 사용 가능한 모든 공간을 유연 용기 내부의 항목 사이의 정렬을 사용하지 않는 지정하는 경우	3
order	나머지에 대해가요 아이템들의 순서를 설정	3

텍스트 속성

재산	기술	CSS
hanging-punctuation	구두점 문자가 줄 상자 외부에 배치 될 수 있는지 여부를 지정합니다	3
hyphens	단락의 배치를 향상시키기 위해 단어를 분할하는 방법을 설정	3
letter-spacing	증가 또는 텍스트의 문자 사이의 간격을 감소	1
line-break	줄 방법 / 휴식을 지정하는 경우	3
line-height	행 높이를 설정합니다	1
overflow-wrap	브라우저 (문자열이 포함 상자 너무 길어서 때) 오버 플로우를 방지하기 위해 워드 라인 내의 중단 될 수 있는지 여부를 지정	3
tab-size	탭 문자의 길이를 지정합니다	3
text-align	텍스트의 수평 정렬을 지정합니다	1
text-align-last	텍스트 정렬이 때 블록 또는 강제 줄 바꿈 앞에 선 권리의 마지막 줄 정렬 방법을 설명합니다 "justify"	3
text-combine-upright	단일 문자의 공간에 여러 문자의 조합을 지정	3
text-indent	텍스트 블록에서 첫 번째 줄의 들여 쓰기를 지정합니다	1
text-justify	텍스트 정렬이 때 사용되는 정당화 방법 지정 "justify"	3
text-transform	텍스트의 대소 문자를 제어	1
white-space	요소 내부에 공백 처리하는 방법을 지정합니다	1
word-break	비 CJK 스크립트에 대한 줄 바꿈 규칙을 지정합니다	3
word-spacing	증가 또는 텍스트의 단어 사이의 간격을 감소	1
word-wrap	오랫동안 깨지지 않는 단어가 깨진 다음 줄로 줄 바꿈 할 수 있습니다	3

텍스트 장식 등록

재산	기술	CSS
text-decoration	장식 텍스트로 추가 지정	1
text-decoration-color	텍스트 장식의 색상을 지정합니다	3
text-decoration-line	텍스트 장식 광고의 유형을 지정	3
text-decoration-style	텍스트 장식 라인의 스타일을 지정합니다	3
text-shadow	텍스트에 그림자 추가	3
text-underline-position	텍스트 장식 속성을 사용하여 설정 밑줄의 위치를 지정합니다	3

글꼴 속성

재산	기술	CSS
@font-face	웹 사이트를 다운로드하고보다 다른 글꼴을 사용할 수 있도록 규칙 "web-safe" 글꼴	3
@font-feature-values	저자는 글꼴 변형 - 대체에 일반적인 이름을 사용할 수 있습니다 기능에 대한 오픈에서 다르게 활성화	3
font	하나의 선언에있는 모든 글꼴 속성을 설정합니다	1
font-family	텍스트의 폰트 패밀리를 지정합니다	1
font-feature-settings	오픈 타입 글꼴의 고급 인쇄 기능을 제어 할 수 있습니다	3
font-kerning	커닝 정보의 사용을 제어합니다 (how letters are spaced)	3
font-language-override	서체의 언어 별 상형 문자의 사용을 제어합니다	3
font-size	텍스트의 글꼴 크기를 지정합니다	1
font-size-adjust	글꼴 대체가 발생할 때 텍스트의 가독성을 유지합니다	3
font-stretch	글꼴 가족에서 정상, 응축, 또는 확장의 얼굴을 선택합니다	3
font-style	텍스트의 글꼴 스타일을 지정합니다	1
font-synthesis	컨트롤은 서체가 누락 (bold or italic) 브라우저에서 합성 할 수있다	3
font-variant	텍스트가 작은 뚜껑 폰트에 표시 할 것인지 여부를 지정	1
font-variant-alternates	@ 글꼴 - 기능의 값에 정의 된 대체 이름에 관련된 대체 글리프의 사용을 제어합니다	3
font-variant-caps	대문자에 대한 대체 글리프의 사용을 제어합니다	3
font-variant-east-asian	동아시아 스크립트 대체 글리프의 사용 (예 : 일본어, 중국어) 제어	3
font-variant-ligatures	합자 및 문맥에 맞는 형태가 적용되는 요소의 텍스트 콘텐츠에 사용되는 컨트롤	3
font-variant-numeric	숫자, 분수 및 서수 마커에 대한 대체 글리프의 사용을 제어합니다	3
font-variant-position	글꼴의 기준에 관한 첨자 또는 아래 첨자로 자리 매김 작은 크기의 대체 글리프의 사용을 제어합니다	3
font-weight	폰트의 무게를 지정	1

쓰기 모드 속성

재산	기술	CSS
direction	텍스트 방향 / 쓰기 방향을 지정합니다	2
text-orientation	라인의 텍스트의 방향을 정의	3
text-combine-upright	단일 문자의 공간에 여러 문자의 조합을 지정	3
unicode-bidi	와 함께 사용 방향 을 설정하거나 텍스트가 같은 문서에 여러 언어를 지원하기 위해 재정의해야하는지 여부를 반환하는 속성	2
writing-mode		3

표 등록

재산	기술	CSS
border-collapse	표 테두리를 축소 할 것인지 여부를 지정합니다	2
border-spacing	인접 셀의 경계 사이의 거리를 지정	2
caption-side	테이블 캡션의 위치를 지정합니다	2
empty-cells	테이블의 빈 셀에 테두리와 배경을 표시할지 여부를 지정합니다	2
table-layout	레이아웃 알고리즘이 표에 사용되는 집합	2

목록 및 카운터 등록

재산	기술	CSS
counter-increment	하나 이상의 카운터를 증가	2
counter-reset	작성 또는 하나 이상의 카운터를 재설정	2
list-style	하나의 선언에서 목록의 모든 속성을 설정합니다	1
list-style-image	목록 항목 마커와 같은 이미지를 지정합니다	1
list-style-position	목록 항목 마커는 내부 또는 콘텐츠 흐름 외부에 나타납니다 지정하는 경우	1
list-style-type	목록 항목 마커의 유형을 지정합니다	1

애니메이션 속성

재산	기술	CSS
@keyframes	애니메이션 코드를 지정합니다	3
animation	(애니메이션 플레이 상태 및 애니메이션 채우기 모드 제외) 모든 애니메이션 속성에 대한 약식 속성	3
animation-delay	애니메이션의 개시에 대한 지연을 지정	3
animation-direction	애니메이션이 다른 사이클에 반대 방향으로 재생할지 여부를 지정합니다	3
animation-duration	애니메이션이 한 사이클을 완료하는 데 걸리는 몇 초 또는 밀리 초 단위로 지정	3
animation-fill-mode	애니메이션이 재생되지 않을 때 요소의 스타일을 지정한다 (when it is finished, or when it has a delay)	3
animation-iteration-count	애니메이션이 재생 횟수를 지정합니다	3
animation-name	@keyframes 애니메이션의 이름을 지정합니다	3
animation-play-state	애니메이션이 실행 중이거나 일시 정지 여부를 지정합니다	3
animation-timing-function	애니메이션의 속도 곡선을 지정	3

속성을 변환

재산	기술	CSS
backface-visibility	화면을 대면하지 않는 경우 소자가 표시되어야하는지 여부를 정의	3
perspective	본 방법 3D 요소에 대한 관점을 지정합니다	3
perspective-origin	3D 요소의 하단 위치를 지정	3
transform	요소에 2D 또는 3D 변환을 적용	3
transform-origin	당신은 변환 요소의 위치를 변경할 수 있습니다	3
transform-style	방법 중첩 된 요소하면 3D 공간에서 렌더링되는 지정	3

전환 등록

재산	기술	CSS
transition	네 개의 전이 속성을 설정하는 약식 속성	3
transition-property	전환 효과가있는 CSS 속성의 이름을 지정합니다	3
transition-duration	전환 효과를 완료하는 데 걸리는 초 또는 밀리 초 단위로 지정	3
transition-timing-function	전환 효과의 속도 곡선을 지정	3
transition-delay	전환 효과를 시작할 때 지정	3

기본 사용자 인터페이스 속성

재산	기술	CSS
box-sizing	크기 조정 속성 어떤 브라우저 지시 (width and height) 포함되어야한다을	3
content	함께 사용 : 및 이전 : 의사 요소 후, 생성 된 내용을 삽입	2
cursor	커서의 유형을 표시 할 지정	2
ime-mode	텍스트 필드에 대한 입력 방법 편집기의 상태를 제어	3
nav-down	화살표 다운 네비게이션 키를 사용하는 경우 이동 위치를 지정	3
nav-index	요소의 탭 순서를 지정합니다	3
nav-left	화살표 왼쪽 방향키를 사용할 때 이동 위치를 지정	3
nav-right	화살표 오른쪽 탐색 키를 사용하는 경우 이동 위치를 지정합니다	3
nav-up	화살표해서 네비게이션 키를 사용하는 경우 이동 위치를 지정	3
outline	하나의 선언에서 모든 개요 속성을 설정합니다	2
outline-color	아웃 라인의 색상을 설정합니다	2
outline-offset	개요를 상쇄하고 테두리 모서리 이상을 그립니다	3
outline-style	개요의 스타일을 설정합니다	2
outline-width	윤곽 폭을 설정	2
resize	요소는 사용자가 크기를 조정할 수 있는지 여부를 지정합니다	3
text-overflow	텍스트가 포함 된 요소를 오버플로있을 때, 무엇이 일어날 것인지를 명시	3

다중 열 레이아웃 속성

재산	기술	CSS
break-after	생성 된 박스 후 페이지 -, 칼럼 -, 또는 지역 브레이크 동작을 지정합니다	3
break-before	생성 된 박스 이전 페이지 -, 칼럼 -, 또는 지역 브레이크 동작을 지정합니다	3
break-inside	생성 된 박스 내부의 페이지 -, 칼럼 -, 또는 지역 브레이크 동작을 지정합니다	3
column-count	요소가로 분할되어야 열의 수를 지정	3
column-fill	열을 채우는 방법을 지정합니다	3
column-gap	열 사이의 간격을 지정	3
column-rule	모든 열 규칙 - * 속성을 설정하는 약식 속성	3
column-rule-color	열 사이 룰의 색상을 지정	3
column-rule-style	열 사이의 규칙의 스타일을 지정합니다	3
column-rule-width	열 사이 룰의 폭을 지정	3
column-span	요소가 전역에 걸쳐있는 방법을 많은 열 지정	3
column-width	컬럼의 폭을 지정합니다	3
columns	열 폭과 열 수를 설정하기위한 약식 속성	3
widows	페이지 나누기가 요소 내에 발생할 때 페이지 상단에서 왼쪽해야합니다 라인의 최소 수를 설정합니다	2

페이징 미디어

재산	기술	CSS
orphans	페이지 나누기가 요소 내에 발생하면 페이지 하단에서 왼쪽해야합니다 라인의 최소 수를 설정합니다	2
page-break-after	요소 후 페이지 갱신 동작을 설정합니다	2
page-break-before	요소 전에 페이지 갱신 동작을 설정합니다	2
page-break-inside	요소 내부의 페이지 갱신 동작을 설정합니다	2

페이지 된 미디어에 대한 생성 콘텐츠

재산	기술	CSS
marks	문서에 작물 및 / 또는 크로스 마크를 추가합니다	3
quotes	임베디드 견적 인용 부호의 종류를 설정합니다	2

필터 효과 속성

재산	기술	CSS
filter	효과를 정의 (eg blurring or color shifting) 요소에이 요소가 표시되기 전에	3

이미지 값 및 대체 콘텐츠

재산	기술	CSS
image-orientation	사용자 에이전트가 (이 속성은 가능성이 중단 될 것입니다 그 기능을 HTML로 이동) 이미지에 적용되는 오른쪽 또는 시계 방향으로 회전을 지정합니다	3
image-rendering	이미지의 크기를 조절할 때 보존 할 수있는 이미지의 측면이 가장 중요한 것에 대해 브라우저에 대한 힌트를 제공합니다	3
image-resolution	요소에 /에서 사용되는 모든 래스터 이미지의 고유 해상도를 지정합니다	3
object-fit	대체 된 요소의 내용의 사용의 높이와 폭에 의해 설정된 박스에 장착되는 방식을 지정	3
object-position	그 상자 안의 교환 소자의 정렬을 지정	3

속성을 마스킹

재산	기술	CSS
mask		3
mask-type		3

음성 속성

재산	기술	CSS
mark	마크 전 마크 후 속성을 설정하는 약식 속성	3
mark-after	라는 표식은 오디오 스트림에 첨부 할 수	3
mark-before	라는 표식은 오디오 스트림에 첨부 할 수	3
phonemes	해당 요소에 포함 된 텍스트를 음성 발음을 지정합니다	3
rest	나머지-전에 휴식 - 후 속성을 설정하는 약식 속성	3
rest-after	휴식 또는 운율 경계 요소의 내용을 말하기 후에 관찰을 지정합니다	3
rest-before	휴식 또는 운율 경계 요소의 내용을 말하기 전에 관찰을 지정합니다	3
voice-balance	좌측 및 우측 채널 사이의 균형을 지정	3
voice-duration	이 선택한 요소의 콘텐츠를 렌더링하는 데 소요하는 시간을 지정	3
voice-pitch	평균 피치 지정 (a frequency) 말하는 음성을	3
voice-pitch-range	평균 피치의 변화를 지정합니다	3
voice-rate	말하기 속도를 제어	3
voice-stress	강조의 강도는 적용에 지시	3
voice-volume	음성 synthesises하여 출력 파형의 진폭을 지칭	3

움직이는 속성

재산	기술	CSS
marquee-direction	동화상 콘텐츠의 방향 설정	3
marquee-play-count	설정 횟수 콘텐츠 이동	3
marquee-speed	얼마나 빨리 콘텐츠 스크롤을 설정합니다	3
marquee-style	이동 콘텐츠의 스타일을 설정합니다	3

❮ w3ii 홈 다음 참조 ❯

CSS 참고

CSS 속성

CSS 참조

CSS 속성

CSS 속성 그룹