• 회원가입
  • 로그인
  • 구글아이디로 로그인

[typography] BS5 - .text-uppercase 클래스 - 텍스트를 대문자로 변환 (= .text-uppercase 클래스 = 텍스트어퍼케이스클래스)

목차
  1. .text-uppercase 예제 - 대문자로 변환
  2. .text-uppercase 정의

 

.text-uppercase 예제 - 대문자로 변환

 

<div class="container mt-3">

  <p class="text-lowercase">홈짱닷컴 Homzzang.com</p>

  <p class="text-uppercase">홈짱닷컴 Homzzang.com</p>      

  <p class="text-capitalize">홈짱닷컴 Homzzang.com</p>

</div>

 

결과보기

 

.text-uppercase 정의

 

영문 텍스트를 대문자로 변환.

 


[정의]

 

.text-uppercase {

  text-transform: uppercase !important;

}

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
typography BS5 - .lead 클래스 - 단락 돋보이게 하기 (= 단락강조 = .lead클래스 = 리드클래스)
typography BS5 - .text-start 클래스 - 텍스트 왼쪽정렬 (= 글자 좌측정렬 = .text-start클래스…
typography BS5 - .text-break 클래스 - 긴 텍스트에 의한 레이아웃 깨짐 방지 (= .text-break클…
typography BS5 - .text-center 클래스 - 텍스트 중앙정렬 (= 글자 가운데정렬 = .text-center…
typography BS5 - .text-decoration-none 클래스 - 텍스트 장식선(=꾸밈선) 제거 (= .text-…
typography BS5 - .text-end 클래스 - 텍스트 오른쪽정렬 (= 글자 우측정렬 = .text-end클래스 = …
typography BS5 - .text-nowrap 클래스 - 텍스트 연속 공백 통합 후 한 줄로 표현 (= .text-now…
typography BS5 - .text-lowercase 클래스 - 텍스트를 소문자로 변환 (= .text-lowercase …
typography BS5 - .text-uppercase 클래스 - 텍스트를 대문자로 변환 (= .text-uppercase …
typography BS5 - .text-capitalize 클래스 - 영단어 각 첫글자만 대문자로 변환 (= .text-cap…
typography BS5 - .initialism 클래스 - <abbr> 태그 안 글씨를 대문자로 변환 후, 살짝 작은 글씨로…
목록
찾아주셔서 감사합니다. Since 2012