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

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

不言
不言원래의
2018-08-13 09:42:323522검색

이 기사에서는 CSS 텍스트 속성이 무엇인지 설명합니다. CSS 텍스트 속성 요약에는 특정 참조 값이 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

CSS 텍스트의 일부 속성에 대한 사용법을 간략하게 정리했습니다. 잊어버렸을 때 찾아볼 수도 있습니다. 확인하기 위해 웹사이트에 갈 필요도 없습니다.

다음은 일부 요약입니다. 다른 사람들에게 도움이 되기를 바랍니다

텍스트 수정# 🎜🎜## 🎜🎜#

(1)텍스트 장식: 텍스트 장식(가로선)

4 속성 값

overline line- 밑줄 깜박임을 통해

(1)overline

텍스트에 가로선 정의

(2)line-through

#🎜 🎜#this 속성 값이 가장 유용합니다. 일반적으로 판매자의 가격 프로모션 후 가격은 이전 가격임을 나타내기 위해 수평선으로 지워집니다.

(3) 일반적으로 태그는 unline#🎜🎜으로 표시됩니다. #

제거하려면 text-designation:none을 설정하세요.

(4)blink

텍스트 깜박임 일반적으로 거의 사용되지 않으며 캔버스에서만 사용되며 브라우저 지원도 높지 않으며 Firefox에서만 지원합니다

추가:

텍스트 장식을 사용할 수도 있습니다- 가로선의 색상을 수정하는 color

# 🎜🎜#

(2)text-transform 대소문자

5 속성 값

#🎜 🎜#capitalize 대문자 소문자 inhert none# 🎜🎜#(1)capitalize

첫 글자는 대문자입니다

(2)대문자와 소문자

# 🎜🎜#uppercase

(3)inhert

상위 요소의 문자 속성 상속

(4)없음

#🎜 🎜#기본값, 효과 없음

#🎜🎜 #

(3)text-overflow는 범위를 벗어난 텍스트 수정을 정의합니다

3개 속성

클립 줄임표 문자열

#🎜🎜 #(1)클립

텍스트 자르기

(2)줄임표

사용 초과 텍스트를 표시하는 줄임표

(3)string

고정 문자를 사용하여 초과 텍스트 표시

(4) text-shadow : h-shadow v-shadow 흐림 색상 텍스트 그림자 효과

3 속성 값

(1)v-shadow 필수, 수평 그림자의 위치, 음수 값 허용

( 2)v-shadow 필수, 수직 그림자 위치, 음수 값 허용

(3)blur 선택 사항, 흐림 거리 #🎜🎜 #

(4)색상 선택 사항, 그림자 색상

텍스트 레이아웃

#🎜🎜 #(1)text-indent 텍스트 들여쓰기 #🎜 🎜#

3 속성 값

length %   inhert

(1)length#🎜🎜 #고정 들여쓰기 정의, 픽셀 단위, 기본값은 0입니다.(2)%

길이는 부모 너비의 백분율로 들여쓰기됩니다. element

(3) inhert

상위 요소의 들여쓰기 상속

(2)text-align 텍스트 정렬#🎜 🎜#

5개 속성 값

왼쪽 가운데 오른쪽 정렬 inhert

(1)왼쪽 및 오른쪽

드물게 사용됨

(2) center

Center alignment

종종 line-height와 함께 사용: 상위 요소 높이를 텍스트 중앙 정렬 line-height 속성을 추가하지 않으면 텍스트가 상위 요소 위에 배치됩니다.

(3)justify

텍스트 양쪽 끝 정렬

관련 권장사항:

CSS를 사용하여 텍스트 속성을 동적으로 제어_CSS/HTML

#🎜 🎜#css 중국어 텍스트 줄 바꿈 속성 word-wrap 및 공백

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