📁 공부정리/CSS
CSS3 160616
규잉
2016. 6. 16. 20:22
CSS3 상태 선택자
선택자 형태 |
설명 |
:checked |
체크 상태의 input 태그를 선택합니다. |
:focus |
초점이 맞추어진 input 태그를 선택합니다. |
:enabled |
사용 가능한 input 태그를 선택합니다. |
:disabled |
사용 불가능한 input 태그를 선택합니다. |
overflow 속성
속성 형태 |
설명 |
visible |
기본값으로 내용이 더 길어도 그대로 보입니다. |
hidden |
내용이 넘치면 자릅니다. 자른 부분은 보이지 않습니다. |
scroll |
내용이 넘치지 않아도 항상 스크롤바가 보입니다. |
auto |
내용이 잘릴 때만 스크롤바가 보입니다. |
transition !
형태 |
설명 |
transition-property |
적용할 속성입니다. |
transition-duration |
속성이 일어나는 지속 시간을 설정합니다. |
transition-timing-function |
속성의 중간값을 계산하는 방법을 정의하는 함수 입니다. |
transition-delay |
속성이 변한 시점과 트랜지션이 실제로 시작하는 사이에 기다리는 시간을 정의합니다. |
참고 : https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions