텍스트 영문 대/소문자를 text-transform를 이용해 변경하는 방법
프로그래밍/CSS2015. 8. 27. 23:30
반응형
text-transform 속성은 대소문자의 쓰기 방식을 지정할때 사용하는데, text-transform의 초기값은 none 이며 모든 요소에 적용이 되는 되는 속성이며 상속또한 된다.
여기서 속성값은
none 대소문자를 그대로 표시한다 (IE 4.0 NN 4.0 ) text-transform: none
capitalize 첫글자만 대문자로 표시한다 (IE 4.0 NN 4.0 ) text-transform: capitalize
uppercase 모든 글자를 대문자로 표시한다 (IE 4.0 NN 4.0 ) text-transform: uppercase
lowercase 모든 글자를 소문자로 표시한다 (IE 4.0 NN 4.0 ) text-transform: lowercase
이외에도 부모 요소에서 상속하게 만드는 inherit 란 명령어도 있지만 자주 사용은 안된다
여기서 IE 4.0 은 해당 값이 지원하는 인터넷 익스플로러의 최소버전,
NN 4.0의 경우 넷스케이프의 최소버전을 말한다
반응형
'프로그래밍 > CSS' 카테고리의 다른 글
CSS의 투명도 값을 조정하는 Opacity 명령어 (0) | 2015.08.28 |
---|---|
div의 테두리를 결정하는 border 속성의 명령어 (0) | 2015.08.28 |
가운데 정렬을 시키는 margin: 0 auto; 명령어가 적용이 안될때 확인해야하는 부분 (2) | 2015.08.27 |
텍스트에 그림자 효과를 주는 text-shadow 명령어 (0) | 2015.08.27 |
display:none; 과 visibility:hidden; 의 간단한 차이점 (0) | 2015.08.26 |
댓글()