타이포그래피
font-style
텍스트 스타일을 제어하는 유틸리티입니다.
| Class | Styles |
|---|---|
italic | font-style: italic; |
not-italic | font-style: normal; |
예제
텍스트 기울임
텍스트를 기울이려면 italic 유틸리티를 사용하세요:
The quick brown fox jumps over the lazy dog.
<p class="italic ...">The quick brown fox ...</p>텍스트를 일반적으로 표시하기
텍스트를 일반적으로 표시하려면 not-italic 유틸리티를 사용하세요:
The quick brown fox jumps over the lazy dog.
<p class="not-italic ...">The quick brown fox ...</p>반응형 디자인
접두사 a font-style 유틸리티 를 md:와 같은 브레이크포인트 변형과 함께 사용하면 medium 화면 크기 이상에서만 유틸리티가 적용됩니다:
<p class="italic md:not-italic ..."> <!-- ... --></p>변형 사용에 대해 더 알아보려면 변형 문서를 참고하세요.
