CSS font-style 속성이란?
font-style 속성은 텍스트의 글꼴을 이탤릭체(italic) 또는 오블리크(oblique) 스타일로 표현할 때 사용하는 CSS 속성입니다. 주로 강조하고 싶은 문장이나 인용문에 활용되며, 값으로는 normal(기본값), italic, oblique 세 가지를 지정할 수 있습니다.
- normal: 브라우저 기본 글꼴 스타일로 표시합니다.
- italic: 글꼴 자체에 포함된 이탤릭 버전이 있다면 이를 사용하고, 없다면 기울임 효과를 적용합니다.
- oblique: 일반 글꼴을 단순히 기울여서 표시합니다.
font-style 속성 사용 예제
아래 코드는 인라인 스타일 방식으로 font-style: italic;을 적용하여 문단 전체를 이탤릭체로 렌더링하는 예제입니다. 직접 실행해 보면서 결과를 확인해 보세요.
<html> <head> </head> <body> <p style = "font-style:italic;"> This text will be rendered in italic style </p> </body> </html>
위 코드를 실행하면 문단 안의 텍스트가 이탤릭체(기울어진 글씨)로 화면에 출력되는 것을 확인할 수 있습니다.
참고 사항
인라인 스타일 대신 CSS 클래스나 외부 스타일시트를 활용하면 여러 요소에 동일한 스타일을 일관되게 적용할 수 있어 유지보수 측면에서 더욱 효율적입니다.