h5 のいくつかの新しい背景属性とテキスト属性について

1. 背景画像の表示:

①background-size: 背景画像のサイズを指定します。

value: ピクセル値、パーセント、自動、カバー、contain

②背景画像の開始位置を指定します。

値:padding-box (デフォルト)、content-box、border-box

③background-clip

値:padding-box、content-box、border-box (デフォルト)

2. HSLA:

新規カラー属性 ;

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 中国語 Web サイトの他の関連記事を参照してください。