>  기사  >  웹 프론트엔드  >  CSS에서 영어 단어 사이의 간격을 설정하는 속성은 무엇입니까?

CSS에서 영어 단어 사이의 간격을 설정하는 속성은 무엇입니까?

王林
王林원래의
2021-03-03 11:44:466166검색

CSS에서 영어 단어 사이의 간격을 설정하는 속성은 word-spacing 입니다. word-spacing 속성은 [p{word-spacing:30px;}]와 같이 단어 사이의 간격을 늘리거나 줄일 수 있습니다.

CSS에서 영어 단어 사이의 간격을 설정하는 속성은 무엇입니까?

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

CSS에는 단어 사이의 간격을 설정하는 데 사용할 수 있는 단어 간격 속성이 있습니다.

속성 소개:

단어 간격 속성은 단어 사이의 간격을 늘리거나 줄입니다.

속성 값:

  • normal 기본값. 단어 사이의 표준 간격을 정의합니다.

  • length는 단어 사이의 고정된 간격을 정의합니다.

  • inherit는 단어 간격 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

특정 코드:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php.cn</title> 
<style>
p
{ 
    word-spacing:30px;
}
</style>
</head>
<body>

<p>
This is some text. This is some text.
</p>

</body>
</html>

(학습 영상 공유: css 영상 튜토리얼)

실행 결과:

CSS에서 영어 단어 사이의 간격을 설정하는 속성은 무엇입니까?

관련 추천: CSS 튜토리얼

위 내용은 CSS에서 영어 단어 사이의 간격을 설정하는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.