Bootstrap 5

[typography] BS5 - .text-capitalize 클래스 - 영단어 각 첫글자만 대문자로 변환 (= .text-capitalize클래스 = 텍스트캐피털라이즈클래스)

목차
  1. .text-capitalize 예제 - 각 영문 단어 첫글자만 대문자로 변환
  2. .text-capitalize 정의

 

.text-capitalize 예제 - 각 영문 단어 첫글자만 대문자로 변환

 

<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-capitalize 정의

 

각 영문 단어 텍스트의 첫 글자만 대문자로 변환.

 


[정의]

 

.text-capitalize {

  text-transform: capitalize !important;

}

 



분류 제목
basic BS5 - HOME (BS소개)
basic BS5 - Start (BS시작) - BS5다운로드 / BS5CDN / BS5구문
basic BS5 - Container (BS컨테이너) - 박스형 vs 와이드형 (= .container vs. .co…
basic BS5 - Grid (BS그리드)
basic BS5 - Text/Typography (BS글자/BS텍스트)
basic BS5 - Color (BS색깔/BS색상) - 글자색 / 배경색
basic BS5 - Table (BS테이블) - 테이블테두리 / 테이블배경색 / 반응형테이블
basic BS5 - Image (BS이미지) - 이미지모양 / 이미지정렬 / 반응형이미지
basic BS5 - Jumbotron (BS점보트론) - 지원 X
basic BS5 - Alert (BS경고 = BS얼럿 = BS경보)
basic BS5 - Button (BS버튼) - 버튼색깔 + 버튼크기 + 버튼활성화 + 버튼비활성화
basic BS5 - Button Group (BS버튼그룹)
basic BS5 - Badge (BS배지)
basic BS5 - Progress Bar (BS진행바 = BS진도바 = BS프로그레스바)
basic BS5 - Spinner (BS스피너 = BS회전 = BS로더)
basic BS5 - Pagination (BS페이지매기기 = BS페이지번호 = BS페이징 = BS패지네이션) + BS…
basic BS5 - List Group (BS리스트그룹)
basic BS5 - Card (BS카드)
basic BS5 - Dropdown (BS드롭다운/BS드롭업 = BS드랍다운/BS드랍업)
basic BS5 - Collapse (BS접기 = BS컬랩스 = BS토글)
1/4
목록
 홈  PC버전 로그인 일본어
그누앞단언어 1
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인