>  기사  >  웹 프론트엔드  >  CSS에서 글꼴 스타일을 사용하여 글꼴 기울임꼴 스타일을 정의하는 코드 예

CSS에서 글꼴 스타일을 사용하여 글꼴 기울임꼴 스타일을 정의하는 코드 예

不言
不言앞으로
2018-11-27 16:34:104035검색

이 글의 내용은 CSS에서 글꼴 스타일을 글꼴 스타일로 정의하는 코드 예제입니다. 특정 참조 값이 있으므로 도움이 될 수 있습니다.

1. 일반적으로 사용되는 기울임꼴 구문

공통 글꼴 스타일 설정 Font-style: italic

주요 브라우저와 호환됨

normal: 일반 글꼴(기본 글꼴 스타일, HTML i의 기본 기울임꼴 스타일을 제거하는 데 사용할 수 있음) 기울임꼴 태그)

italic : 기울임꼴. italic 변수가 없는 특수 글꼴의 경우 oblique

oblique가 적용됩니다: italicfont

2. CSS italic case

우리는 글꼴을 사용하여 divcss5 상자의 텍스트 글꼴을 italic italic 및 oblique italic로 설정했습니다. style:normal은 html 기울임꼴 태그의 기본 기울임꼴 스타일을 제거합니다.

1. CSS 코드:

<style>
  .divcss5_italic{ font-style:italic}
  .divcss5_oblique{ font-style:oblique}
  .divcss5_normal i{ font-style:normal}
  / 去掉divcss5_normal对象I斜体标签默认斜体样式 /
  </style>

2.html 코드 조각:

<div class="divcss5_italic">我被加斜体</div>
  <div class="divcss5_oblique">我被加倾斜</div>
  <div>我加I标签斜体</div>
  <div class="divcss5_normal">I斜体被CSS去掉</div>

3.div css italic 케이스 스크린샷

CSS 글꼴 스타일 기울임꼴 기울임꼴 일반)

3. 요약

개체 상자의 텍스트 글꼴을 기울임꼴로 만들려면 해당 상자에 CSS 스타일 Font-style:italic을 추가하여 개체의 텍스트 글꼴을 기울임꼴로 만들 수 있습니다. 동시에 우리 사례에서는 CSS를 사용하여 기울임꼴 스타일을 제거하고 CSS Font-style:normal을 사용하여 I italic 태그의 기울임꼴 스타일을 제거하는 방법도 보여줍니다.

위 내용은 CSS에서 글꼴 스타일을 사용하여 글꼴 기울임꼴 스타일을 정의하는 코드 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제