>  기사  >  웹 프론트엔드  >  CSS 텍스트 속성은 무엇입니까? CSS 텍스트 속성 소개

CSS 텍스트 속성은 무엇입니까? CSS 텍스트 속성 소개

不言
不言원래의
2018-08-18 11:59:204661검색

CSS 스타일의 텍스트 속성은 무엇입니까? 각 CSS 텍스트 속성의 용도는 무엇입니까? 이 글은 CSS 텍스트 속성(코드 포함)에 대해 소개할 것입니다. 이는 특정 참조 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. CSS 텍스트 속성 - 텍스트 변환
속성 값:
대문자; ​ ​ 소문자, (모두 소문자)
​ ​ 대문자화; (모든 소문자에서 첫 글자는 대문자로 표시됨)

p{    text-transform:uppercase;}

2. CSS 텍스트 속성의 텍스트는 가운데 정렬됩니다. - text-align

속성 값:
센터;(센터)
왼쪽; right(오른쪽 정렬)

p{    text-align:center;}

3. CSS 텍스트 속성의 단락 들여쓰기—text-indent

em(단어 단위), ± 사용 가능

p{    text-indent: 3em;}

4. CSS 텍스트 속성의 텍스트 장식 효과 설정—— text- 장식

속성 값:

없음(밑줄 제거)
밑줄 윗줄(플러스 라인)
line-through(strikethrough)

a{    text-decoration:none;}

5.css 단락 줄 높이를 설정하는 텍스트 속성—line-height
속성 값: 백분율, px, 숫자

a{    line-height:13px;}

6.css 단어 간격을 설정하는 텍스트 속성
word -spacing(만) 영어 지원)

letter-spacing (중국어, 영어 모두 지원 가능)

p{    letter-spacing: 16px;}

7.css text 속성 문단 간격 -margin
p{    margin: 66px;}

8.css text 속성 border-border

속성 값은 Size, color, 세 가지가 있습니다. 스타일;

테두리 스타일에는 실선(실선), 점선(점선), 점선(점선)이 포함됩니다.

p{    border:3px lightgreen solid;}

9.css 텍스트 속성 공백 - 공백
속성 값:

> >                           pre Nowraw; (텍스트는 자동으로 줄을 변경하지 않습니다)

                                                                              상속; 일반;(하나 표시)

p{    white-space: pre;}

10.css 텍스트 속성 설정 입력 방법 status-ime-mode
속성 값:
auto;Default
active; 현지 언어 입력 방법 활성화

inactive: 비현지 언어 입력 방법 활성화;

비활성화됨; 입력 방법이 금지되어 중국어 문자를 입력할 수 없습니다.

관련 권장 사항:


CSS_CSS/HTML을 사용한 텍스트 속성의 동적 제어

css 중국어 텍스트 줄 바꿈 속성 단어 줄 바꿈 및 공백 ​​​​​                                                            

위 내용은 CSS 텍스트 속성은 무엇입니까? CSS 텍스트 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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