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

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

coldplay.xixi
coldplay.xixi원래의
2021-03-01 15:04:0912865검색

css 텍스트 속성: 1. 여백 단락 간격; 2. [text-align] 텍스트 가운데 맞춤; ] 단락 줄 높이를 설정합니다.

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

이 튜토리얼의 운영 환경: windows10 시스템, CSS3 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

css 텍스트 속성:

1. CSS 텍스트 속성의 대문자와 소문자 변환—text-transformtext-transform

  属性值:

  •   uppercase;(全部大写)

  •   lowercase;(全部小写)

  •   capitalize;(在所有小写单词中,首字母大写)

  p{text-transform:uppercase;}

2、css文本属性之文本居中——text-align

  属性值:

  •   center;(居中)

  •   left;(左边对齐)

  •   right(右边对齐)

  p{text-align:center;}

3、css文本属性之段落缩进—–text-indent

  em(是以字为单位),±都可以

  p{text-indent:3em;}

4、css文本属性之设置文字装饰效果——text-decoration

  属性值:

  •   none(去掉下划线)

  •   underline(加下划线)

  •   overline(加上划线)

  •   line-through(加删除线)

  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文本属性之段落间距-margin

  p{margin:66px;}

8、css文本属性之边框——border

  属性值有三个:大小,颜色,样式;

  边框样式有:solid(实线),dashed(虚线),dotted(点线)

  p{border:3pxlightgreensolid;}

9、css文本属性之空格——white-space

  属性值:

  •   pre;(与预设一样)

  •   nowrap;(文字不自动换行)

  •   inherit;(继承父本)

  •   normal;(显示一个)

  p{white-space:pre;}

10、css文本属性之设置输入法状态-ime-mode

속성 값:

  • 대문자; )

  •  소문자; (모두 소문자)

  •  capitalize; (모든 소문자에서 첫 글자는 대문자로 표시됨)

  • rrreee
  • 2. code>

      속성값:

  center;(가운데) left;(왼쪽 정렬)

 right(오른쪽 정렬)🎜🎜🎜rrreee🎜3. CSS 텍스트 속성의 들여쓰기—– text-indent🎜🎜 em(단어), ± 사용 가능🎜rrreee🎜4 CSS 텍스트 속성의 텍스트 장식 효과 설정——text-꾸밈🎜🎜 속성 값: 🎜🎜🎜🎜 없음(밑줄 제거) 🎜🎜🎜🎜 밑줄(밑줄) 🎜🎜🎜🎜 윗줄(밑줄) 🎜🎜🎜🎜 줄 바꿈(취소선) 🎜🎜🎜rrreee 🎜5 , CSS 텍스트 속성 설정 단락 line height - -line-height🎜🎜  속성 값: 퍼센트, px, 숫자 🎜rrreee🎜 6. CSS 텍스트 속성 단어 간격 설정 🎜🎜  Word-spacing( 영어에서만 유용함)🎜🎜 Letter- 간격(중국어, 영어 모두 가능)🎜rrreee🎜7. CSS 텍스트 속성 단락 간격 - margin🎜rrreee🎜8. CSS 텍스트 속성 border - border🎜🎜 있습니다. 세 가지 속성 값: 크기, 색상, 스타일 🎜🎜 테두리 스타일은 실선(실선), 점선(점선) 🎜rrreee🎜9입니다. CSS 텍스트 속성 Space - white-space🎜🎜  속성 값: 🎜🎜🎜🎜  pre; (기본값과 동일) 🎜🎜🎜🎜 nowrap; (텍스트가 자동으로 줄 바꿈되지 않음) 🎜🎜🎜🎜 상속;( 상위 항목에서 상속)🎜🎜🎜🎜Normal; 하나 표시)🎜🎜🎜rrreee🎜10 CSS 텍스트 속성의 입력 방법 상태 설정 - <code>ime-mode🎜🎜속성 값: 🎜🎜🎜🎜auto ;Default🎜🎜🎜🎜 active;로컬 활성화 언어 입력 방법;🎜🎜🎜🎜 inactive:외국어 입력 방법 활성화;🎜🎜🎜🎜 Disabled;입력 방법 비활성화, 한자를 입력할 수 없음🎜🎜🎜🎜🎜🎜권장(무료) : 🎜🎜🎜css 비디오 튜토리얼🎜 🎜🎜🎜

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

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