>  기사  >  웹 프론트엔드  >  소문자를 대문자로 바꾸는 CSS 코드는 무엇입니까?

소문자를 대문자로 바꾸는 CSS 코드는 무엇입니까?

WBOY
WBOY원래의
2021-12-14 11:51:311733검색

CSS에서 소문자를 대문자로 변경하는 코드는 "text-transform:uppercase"입니다. "text-transform" 속성의 기능은 해당 속성 값이 요소 텍스트의 대문자 및 소문자 스타일을 제어하는 ​​것입니다. "대문자"이면 텍스트 소문자 스타일이 대문자 스타일이 됩니다.

소문자를 대문자로 바꾸는 CSS 코드는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

소문자를 대문자로 바꾸는 CSS 코드는 무엇인가요?

CSS에서 소문자를 대문자로 효과를 얻으려면 text-transform 속성을 사용할 수 있습니다.

이 속성은 소스 문서의 텍스트 대소문자에 관계없이 요소의 문자 대소문자를 변경합니다. 값이 대문자인 경우 일부 문자는 대문자로 표시되지만 어떤 문자가 대문자인지 결정하는 방법은 명확하게 정의되어 있지 않으며 개별 "단어"를 인식하는 것은 사용자 에이전트의 몫입니다.

text-transform 속성의 기능은 텍스트의 대소문자를 제어하는 ​​것입니다. 속성의 값이 대문자인 경우 텍스트에 대문자만 있는 것으로 정의됩니다.

구문은

元素{text-transform:uppercase;}

예제는 다음과 같습니다.

<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>

출력 결과:

소문자를 대문자로 바꾸는 CSS 코드는 무엇입니까?

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 소문자를 대문자로 바꾸는 CSS 코드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.