> 웹 프론트엔드 > HTML 튜토리얼 > h5의 몇 가지 새로운 배경 속성 및 텍스트 속성 정보

h5의 몇 가지 새로운 배경 속성 및 텍스트 속성 정보

一个新手
풀어 주다: 2017-10-23 09:37:18
원래의
1999명이 탐색했습니다.

1. 배경 이미지 표시:

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

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

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

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

3 background-clip

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

2. HSLA:

New 색상 속성

H: 색조

S: 채도

L: 밝기

A: 투명도

3. 새로운 그라디언트 색상:

radial-gradient:(*position(deg),color percentage,color percentage);
로그인 후 복사

방사형 그라디언트

linear-gradient:(*position,color percentage,color percentage);
로그인 후 복사

선형 그라디언트

4. 새로운 반성:

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

5. MASKS 마스크, 마스크:

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

6. 사용자 정의 글꼴:

@font-face{
  font-family:'iconfont';定义字体名
  src:url(‘iconfont.tff’);加载字体
}
로그인 후 복사

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

-webkit-box-orient:vertical  =>文本垂直显示
-webkit-line-clamp:3  =>显示 3 行文本
display:webkit-box  =>弹性盒模型
overflow:hidden  =>溢出隐藏
로그인 후 복사

8. 텍스트 그림자: (복합 가능 사용 )

아아아아

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

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