>  기사  >  웹 프론트엔드  >  h5의 몇 가지 새로운 배경 속성 및 텍스트 속성 정보

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

一个新手
一个新手원래의
2017-10-23 09:37:181978검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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