>  기사  >  웹 프론트엔드  >  글꼴을 기울임꼴로 만드는 데 사용되는 속성은 무엇입니까?

글꼴을 기울임꼴로 만드는 데 사용되는 속성은 무엇입니까?

WBOY
WBOY앞으로
2023-08-30 14:25:121361검색

글꼴을 기울임꼴로 만드는 데 사용되는 속성은 무엇입니까?

CSS에서는 'font-style' 속성을 사용하여 글꼴 스타일을 설정할 수 있습니다. 글꼴 스타일 속성의 값으로 다양한 스타일을 사용할 수 있으며 "oblique"도 그 중 하나입니다.

기본적으로 "기울어진" 글꼴은 각도를 설정하여 텍스트의 기울기를 줄이거나 늘리는 텍스트의 엉성한 버전입니다. 여기에서는 각 예에서 글꼴을 기울임꼴로 만듭니다.

문법

사용자는 CSS의 글꼴 스타일 속성을 사용하여 다음 구문에 따라 글꼴을 기울임꼴로 만들 수 있습니다.

으아아아

예 1

아래 예에서는 두 개의

태그를 만들고 여기에 텍스트를 추가하여 웹 페이지에 표시했습니다. 또한 첫 번째

태그에 "font-style: Normal" CSS 속성을 적용하고 두 번째

태그에 "font-style: oblique" CSS 속성을 적용했습니다.

출력에서 사용자는 기울임꼴 글꼴이 일반 글꼴보다 더 엉성한 것을 확인할 수 있습니다.

으아아아

예 2(사각 속성이 있는 각도, Firefox 브라우저에만 해당)

아래 예에서는 "oblique" 글꼴 스타일 속성을 사용하여 각도도 추가했습니다. 제한 사항은 이 각도가 Firefox 브라우저에서만 작동한다는 것입니다.

세 가지 다른 div 요소를 만들고 여기에 텍스트를 추가했습니다. CSS에서는 글꼴 스타일 경사 속성을 모든 글꼴에 다양한 각도로 적용합니다. 출력에서 사용자는 각도가 증가함에 따라 글꼴의 기울기가 증가하는 것을 관찰할 수 있습니다.

으아아아

예 3

아래 예에서는 div 요소를 만들고 여러 수준에 중첩된 div 요소를 추가했습니다. 상위 div에 대해 'font-style: oblique' CSS 속성을 사용했으며 사용자는 하위 div 요소를 포함하여 해당 div의 모든 글꼴이 기울어진 것을 볼 수 있습니다.

으아아아

사용자는 글꼴 스타일 속성을 사용하여 기울임꼴 글꼴을 만드는 방법을 배웠습니다. 필기체 또는 필기체 글꼴도 생성한다는 점에서 "기울임꼴" 글꼴 스타일과 거의 유사합니다.

위 내용은 글꼴을 기울임꼴로 만드는 데 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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