무아지경

대문자/소문자 변경 text-transform, font-variant 본문

퍼블리싱/HTML5 + CSS3

대문자/소문자 변경 text-transform, font-variant

블리셔 2018. 7. 13. 15:20

text-transform



text-transform 는 대문자 또는 소만자로 바꾸는 속성이다.

 - none : 입력된 그대로 출력

 - capitalize : 단어의 첫번째 글자만 대문자로 변경

 - uppercase : 모든 글자를 대문자로 변경

 - lowercase : 모든 글자를 소문자로 변경

 - initial : 기본값으로 설정

 - inherit : 부모 요소의 속성을 상속 받음




font-variant



font-variant 는 대문자를 소문자 크기의 대문자로 바꿀 수 있다.

 - normal : 소문자를 작은 대문자로 변경하지 않음

 - small-caps : 소문자를 작은 대문자로 변경

 - initial : 기본값으로 설정

 - inherit : 부모 요소의 속성을 상속 받음



둘 속성 모두 한글에서는 의미 없는 속성

실제로도 사용할 일이 있을까 싶은 속성인데..지나가다 신기해서 찾아보고..언젠간 쓸일이 있을것 같아 적어봄~~!


출처 : https://www.cmsfactory.net/css-reference-text-transform

출처 : https://www.cmsfactory.net/css-reference-font-variant


Comments