목록2016/06 (252)
코드랩 레퍼런스
tab-size 속성은 글씨의 간격을 정의합니다. Summary 특징 설명 기본 값 8 상속 가능 애니메이션 안됨 버전 CSS3 Definition tab-size 속성은 글씨의 간격을 정의합니다. Syntax tab-size : number | length | inherit; Property 속성 값 설명 number 글씨의 간격을 숫자로 설정합니다. length 글씨의 간격을 CSS 단위로 설정합니다. inherit tab-size의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 tab-size Sample "The grid system is an aid, not a guarantee. It permits a number of possible uses and ..
right 속성은 요소의 오른쪽 속성을 설정합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 가능 버전 CSS2 Definition right 속성은 요소의 오른쪽 속성을 설정합니다. right 속성은 position과 같이 사용합니다. Syntax right : auto | length | inherit; Property 속성 값 설명 auto right의 값을 자동으로 설정합니다. length right의 값을 CSS 단위를 통해 설정합니다. inherit right의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 right Sample top position : absolute; right : auto; position : absolu..
resize 속성은 요소의 사이즈를 정의합니다. Summary 특징 설명 기본 값 none 상속 안됨 애니메이션 안됨 버전 CSS3 Syntax resize: none | both | horizontal | vertical | inherit; Property 속성 값 설명 none 리사이즈 값을 설정하지 않습니다. both X축과 Y축에 사이즈를 설정합니다. horizontal 가로 축 사이즈를 설정합니다. vertical 세로 축 사이즈를 설정합니다. inherit 사이즈의 속성 값을 상위요소한테 상속받습니다. Definition resize 속성은 요소의 사이즈를 정의합니다. Compatibility 6 7 8 9 10 11 resize Sample resize resize : none; resize..
quotes 속성은 인용 부호를 정의합니다. Summary 특징 설명 기본 값 - 상속 가능 애니메이션 안됨 버전 CSS2 Definition quotes 속성은 인용 부호를 정의합니다. content : open-quote, content: close-quote;가 설정 되어 있을 때 적용되는 속성입니다. Syntax quotes : none | string | inherit; Property 속성 값 설명 none 인용부호를 적용하지 않습니다. string 인용부호를 설정해줍니다. inherit quotes의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 quotes Sample The grid system is an aid, not a guarantee. I..
position 속성은 요소의 위치를 설정합니다. Summary 특징 설명 기본 값 static 상속 안됨 애니메이션 안됨 버전 CSS2 Definition position 속성은 요소의 위치를 설정합니다. Syntax position : static | absolute | fixed | relative | inherit; Property 속성 값 설명 static 요소의 정상적인 위치(기본값)를 설정합니다. absolute 요소의 위치를 절대적 값으로 설정합니다. relative 요소의 위치를 상대적인 위치 및 기준점으로 설정합니다. fixed 요소의 위치를 고정으로 설정합니다. inherit position의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 po..
perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다. Summary 특징 설명 기본 값 50% 50% 상속 안됨 애니메이션 가능 버전 CSS3 Definition perspective-origin 속성은 3D를 표현할 때 원근점의 방향을 정의합니다. Syntax perspective-origin : x-axis | y-axis | inherit; Property 속성 값 설명 x-axis z축의 방향을 설정합니다. - left - center - right - length - % y-axis y축의 방향을 설정합니다. - left - center - right - length - % inherit perspective-origin의 속성 값을 상위요소한테 상속받습니다. ..
perspective 속성은 3D를 표현할 때 원근점을 정의합니다. Summary 특징 설명 기본 값 none 상속 안됨 애니메이션 안됨 버전 CSS3 Definition perspective 속성은 3D를 표현할 때 원근점을 정의합니다. Syntax perspective : length | none; Property 속성 값 설명 length perspective의 값을 CSS 단위로 설정합니다. none perspective의 값을 적용하지 않습니다. inherit perspective의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 perspective
page-break-inside 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS2 Definition page-break-inside 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. Syntax page-break-inside : auto | avoid | inherit; Property 속성 값 설명 auto 페이지를 분리하는 경우 자동으로 계산하여 설정합니다. avoid 페이지를 분리를 자동으로 설정하지 않습니다. inherit page-break-inside의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 page-break-inside
page-break-before 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS2 Definition page-break-before 속성은 인쇄시 페이지 분리에 관한 설정을 정의합니다. Syntax page-break-before : auto | always | avoid | left | right | inherit; Property 속성 값 설명 auto 페이지를 분리하는 경우 자동으로 계산하여 설정합니다. always 페이지를 분리를 항상 뒤에서 설정합니다. avoid 페이지를 분리를 앞에서 하지 않습니다. left 뒤에서 분리한 페이지가 왼쪽에 설정합니다. right 뒤에서 분리한 페이지가 오른쪽에 설정합니다...
page-break-after 속성은 페이지 인쇄시 분리에 관한 설정을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS2 Definition page-break-after 속성은 페이지 인쇄시 분리에 관한 설정을 정의합니다. Syntax page-break-after : auto | always | avoid | left | right | inherit; Property 속성 값 설명 auto 페이지를 분리하는 경우 자동으로 계산하여 설정합니다. always 페이지를 분리를 항상 앞에서 설정합니다. avoid 페이지를 분리를 앞에서 하지 않습니다. left 앞에서 분리한 페이지가 왼쪽에 설정합니다. right 앞에서 분리한 페이지가 오른쪽에 설정합니다. in..
padding-top 속성은 요소의 위부분 안쪽 여백을 설정합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 안됨 버전 CSS1 Definition padding-top 속성은 요소의 위부분 안쪽 여백을 설정합니다. Syntax padding-top : length | inherit; Property 속성 값 설명 length 요소의 위쪽 안쪽 여백을 CSS 단위로 설정합니다. % 요소의 위쪽 안쪽 여백을 %로 설정합니다. inherit padding-top의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 padding-top Sample padding-top padding-top : 0; padding-top : 10px; padding-top..
padding-right 속성은 요소의 오른쪽 안쪽 여백을 설정합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 안됨 버전 CSS1 Definition padding-right 속성은 요소의 오른쪽 안쪽 여백을 설정합니다. Syntax padding-right : length | inherit; Property 속성 값 설명 length 요소의 오른쪽 안쪽 여백을 CSS 단위로 설정합니다. % 요소의 오른쪽 안쪽 여백을 %로 설정합니다. inherit padding-right의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 padding-right Sample border-color padding-right : 0; padding-right : ..
padding-left 속성은 요소의 왼쪽 안쪽 여백을 설정합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 안됨 버전 CSS1 Definition padding-left 속성은 요소의 왼쪽 안쪽 여백을 설정합니다. Syntax padding-left : length | inherit; Property 속성 값 설명 length 요소의 왼쪽 안쪽 여백을 CSS 단위로 설정합니다. % 요소의 왼쪽 안쪽 여백을 %로 설정합니다. inherit 요소의 왼쪽 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 padding-left Sample border-color padding-left : 0; padding-left : 10px; padding-left..
padding-bottom 속성은 요소의 아래부분 안쪽 여백을 설정합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 안됨 버전 CSS1 Definition padding-bottom 속성은 요소의 아래부분 안쪽 여백을 설정합니다. Syntax padding-bottom : length | inherit; Property 속성 값 설명 length 요소의 아래부분 안쪽 여백을 CSS 단위로 설정합니다. % 요소의 아래부분 안쪽 여백을 %로 설정합니다. inherit 요소의 아래부분 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 padding-bottom Sample padding-bottom padding-bottom : 0; padding-bot..
padding 속성은 요소의 안쪽 여백을 설정합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 가능 버전 CSS1 Definition padding 속성은 요소의 안쪽 여백을 설정합니다. padding-left 속성은 요소의 왼쪽 여백을 설정합니다. padding-right 속성은 요소의 오른쪽 여백을 설정합니다. padding-top 속성은 요소의 위쪽 여백을 설정합니다. padding-bottom 속성은 요소의 아래쪽 여백을 설정합니다. Syntax padding : padding-top | padding-right | padding-bottom | padding-left | inherit ; /* 위쪽, 오른쪽, 아래쪽, 왼쪽을 10px로 설정한 경우 */ padding : 10p..
overflow-y 속성은 Y축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. Summary 특징 설명 기본 값 visible 상속 안됨 애니메이션 안됨 버전 CSS3 Definition align-content 속성은 콘텐츠의 정렬 상태를 정의합니다. Syntax overflow-y : visible | hidden | scroll | auto | inherit; Property 속성 값 설명 visible 지정한 영역에 요소들을 보이게 합니다. hidden 지정한 영역에 넘쳐난 요소들을 안보이게 합니다. scroll 지정한 영역에 무조건 스크롤 바를 생기게 합니다. auto 지정한 영역에 요소들이 넘치면 자동으로 스크롤 바가 생깁니다. inherit overflow-y의 속성 값을..
overflow-x 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. Summary 특징 설명 기본 값 visible 상속 안됨 애니메이션 안됨 버전 CSS3 Definition overflow-x 속성은 X축을 기준으로 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. Syntax overflow-x : visible | hidden | scroll | auto | inherit; Property 속성 값 설명 visible 지정한 영역에 요소들을 보이게 합니다. hidden 지정한 영역에 넘쳐난 요소들을 안보이게 합니다. scroll 지정한 영역에 무조건 스크롤 바를 생기게 합니다. auto 지정한 영역에 요소들이 넘치면 자동으로 스크롤 바가 생깁니다. inherit..
overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. 특징 설명 기본 값 visible 상속 안됨 애니메이션 안됨 버전 CSS2 Definition overflow 속성은 지정한 영역에 요소들이 벗어났을 때 속성을 설정합니다. overflow:hidden는 float을 사용시 영역 깨짐 방지를 위한 방법으로도 사용합니다. overflow:scroll; 사용시 스크롤바 모양과 크기 및 위치가 브라우저마다 다양하므로 확인해야 합니다. Syntax overflow : visible | hidden | scroll | auto | inherit; Property 속성 값 설명 visible 지정한 영역에 요소들을 보이게 합니다. hidden 지정한 영역에 넘쳐난 요소들을 안보이게 합니다..
outline-width 속성은 아웃라인의 두께를 정의합니다. Summary 특징 설명 기본 값 medium 상속 안됨 애니메이션 가능 버전 CSS2 Definition outline-width 속성은 아웃라인의 두께를 정의합니다. Syntax outline-width : medium | thin | thick | length | inherit; Property 속성 값 설명 medium outline의 가로 값을 medium(기본값)으로 설정합니다. thin outline의 가로 값을 thin으로 설정합니다. thick outline의 가로 값을 thick으로 설정합니다. length outline의 가로 값을 CSS 단위로 설정합니다. inherit outline-width의 속성 값을 상위요소한테 ..
outline-style 속성은 아웃라인 스타일을 정의합니다. Summary 특징 설명 기본 값 none 상속 안됨 애니메이션 안됨 버전 CSS2 Definition outline-style 속성은 아웃라인 스타일을 정의합니다. Syntax outline-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit; Property 속성 값 설명 none outline 스타일을 설정하지 않습니다. hidden outline 스타일을 숨김으로 설정합니다. dotted outline 스타일을 dotted(점선)로 설정합니다. dashed outline 스타일을 dashed(긴 점선)로 설정..
outline-offset 속성은 아웃라인의 간격을 정의합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 가능 버전 CSS3 Definition outline-offset 속성은 아웃라인의 간격을 정의합니다. Syntax outline-offset : length | inherit; Property 속성 값 설명 length 아웃라인의 간격을 CSS 단위로 설정합니다. inherit outline-offset의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 outline-color Sample outline-offset outline-offset :0; outline-offset :1px; outline-offset :2px; outline-of..
outline-color 속성은 아웃라인의 색을 정의합니다. Summary 특징 설명 기본 값 invert 상속 안됨 애니메이션 가능 버전 CSS2 Definition outline-color 속성은 아웃라인의 색을 정의합니다. 블록 요소를 기준으로 안쪽으로는 border, 바깥쪽으로는 outline으로 표현합니다. Syntax outline-color : invert | color | inherit; Property 속성 값 설명 invert outline 기본 값입니다. color outline의 색을 설정합니다. inherit outline-color의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 outline-color Sample outline-colo..
outline 속성은 아웃라인의 색, 스타일, 두께를 정의합니다. Summary 특징 설명 기본 값 outline-color : invert; outline-style : none; outline-width : medium; 상속 안됨 애니메이션 안됨 버전 CSS2 Definition outline 속성은 아웃라인의 색, 스타일, 두께를 정의합니다. Syntax outline : outline-color | outline-style | outline-width | inherit; Property 속성 값 설명 outline-color outline의 색을 설정합니다. outline-style outline의 스타일을 설정합니다. outline-width outline 가로 값을 설정합니다. inherit..
order 속성은 플렉스 콘텐츠의 순서를 정의합니다. Summary 특징 설명 기본 값 0 상속 안됨 애니메이션 가능 버전 CSS3 Definition order 속성은 플렉스 콘텐츠의 순서를 정의합니다. Syntax order : number | inherit; Property 속성 값 설명 number 플렉스 콘텐츠의 순서를 숫자를 통해 설정합니다. inherit order의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 order
opacity 속성은 요소의 투명도를 설정합니다. Summary 특징 설명 기본 값 1 상속 안됨 애니메이션 가능 버전 CSS3 Definition opacity 속성은 요소의 투명도를 설정합니다. opacity는 0~1 사이의 숫자로 표현 할 수 있으며, 0.5이면 투명도 50%와 동일합니다. 인터넷 익스플로러 7, 8 버전에서는 "filter:alpha(opacity=70)"를 사용합니다. Syntax opacity : number | inherit; Property 속성 값 설명 number 요소의 투명도를 0~1 사이로 설정합니다. inherit z-index의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 opacity Sample "The grid sy..
nav-up 속성은 메뉴의 위쪽 속성을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS3 Definition nav-up 속성은 메뉴의 위쪽 속성을 정의합니다. Syntax nav-up : auto | id | target-name | inherit; Property 속성 값 설명 auto 기본값이며 nav의 요소 성질을 자동으로 설정합니다. id nav 이동을 id를 통해 설정합니다. target-name nav 이동을 target-name을 통해 설정합니다. inherit nav-up의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 nav-up
nav-right 속성은 메뉴의 오른쪽 속성을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS3 Definition nav-right 속성은 메뉴의 오른쪽 속성을 정의합니다. Syntax nav-right : auto | id | target-name | inherit; Property 속성 값 설명 auto 기본값이며 nav의 요소 성질을 자동으로 설정합니다. id nav 이동을 id를 통해 설정합니다. target-name nav 이동을 target-name을 통해 설정합니다. inherit nav-up의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 nav-right
nav-left 속성은 메뉴의 왼쪽 속성을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS3 Definition nav-left 속성은 메뉴의 왼쪽 속성을 정의합니다. Syntax nav-left : auto | id | target-name | inherit; Property 속성 값 설명 auto 기본값이며 nav의 요소 성질을 자동으로 설정합니다. id nav 이동을 id를 통해 설정합니다. target-name nav 이동을 target-name을 통해 설정합니다. inherit nav-up의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 nav-left
nav-index 속성은 메뉴의 순서 상태를 정의합니다. 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS3 Definition nav-index 속성은 메뉴의 순서 상태를 정의합니다. Syntax nav-index : auto | number | inherit; Property 속성 값 설명 auto 기본값이며 nav의 요소 성질을 자동으로 설정합니다. number nav index를 숫자를 통해 설정합니다. inherit nav-up의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 nav-index
nav-down 속성은 메뉴의 아래 속성을 정의합니다. Summary 특징 설명 기본 값 auto 상속 안됨 애니메이션 안됨 버전 CSS3 Definition nav-down 속성은 메뉴의 아래 속성을 정의합니다. Syntax nav-down : auto | id | target-name | inherit; Property 속성 값 설명 auto 기본값이며 nav의 요소 성질을 자동으로 설정합니다. id nav 이동을 id를 통해 설정합니다. target-name nav 이동을 target-name을 통해 설정합니다. inherit nav-up의 속성 값을 상위요소한테 상속받습니다. Compatibility 6 7 8 9 10 11 nav-down