> 웹 프론트엔드 > H5 튜토리얼 > html5의 몇 가지 새로운 배경 속성 및 텍스트 속성 소개

html5의 몇 가지 새로운 배경 속성 및 텍스트 속성 소개

黄舟
풀어 주다: 2017-10-23 10:11:54
원래의
1868명이 탐색했습니다.

1. 배경 이미지 표시:

①배경 크기: 배경 이미지의 크기를 지정합니다.

값: 픽셀 값, 백분율, 자동, 덮개, 포함

②배경 원본: 배경 이미지의 시작 위치를 지정합니다.

값 : padding-box (기본값), content-box, border-box

3 background-clip

값 : padding-box, content-box, border-box (기본값)

2. HSLA:

New 색상 속성;; :

radial-gradient:(*position(deg),color percentage,color percentage);径向渐变
linear-gradient:(*position,color percentage,color percentage);线性渐变
로그인 후 복사

6. 사용자 정의 글꼴:

-webkit-box-reflect:(direction,offset,color(可线性),url)
로그인 후 복사

7. 여러 줄 텍스트 줄임표: (총 4줄의 CSS)

-webkit-mask:(url,repeat,position,size)
로그인 후 복사

8. 텍스트 그림자: (조합하여 사용할 수 있음)

text-shadow : 오프셋X, 오프셋Y, 흐림 거리, 색상

위 내용은 html5의 몇 가지 새로운 배경 속성 및 텍스트 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿