モバイル側で使用されるWebKitプライベート属性
2208 ワード
-webkit-line-clampは、CSS仕様草案には表示されない非仕様属性です.1つのブロック要素に表示されるテキストの行数を制限します.この効果を達成するには、他の外部のWebKitプロパティを組み合わせる必要があります.一般的な結合プロパティ:display:-webkit-box;オブジェクトを伸縮ボックスモデルとして表示するには、結合する必要があります.-Webkit-box-orientが結合しなければならないプロパティは、伸縮ボックスオブジェクトのサブ要素の配置方法を設定または取得します.text-overflow、複数行のテキストに使用できる場合は省略記号「...」範囲外のテキストを非表示にします.
Webkit-touch-calloutは、CSS仕様草案には表示されない非仕様属性(unsupported WebKit property)です.タッチターゲットをタッチして押すと、システムのデフォルトメニューが禁止または表示されます.iOSでは、リンクなどのタッチターゲットをタッチして押すと、Safariブラウザにリンクに関するシステムのデフォルトメニューが表示されます.このプロパティを使用すると、システムのデフォルトメニューを無効にできます.webkit-touch-callout:none;システムのデフォルトメニューが無効になりましたwebkit-touch-callout:inherit;システムのデフォルトメニューは無効にされません.新しいウィンドウが開くなどのリンク要素、画像の保存などのimg要素-webkit-tap-highlight-colorは、CSS仕様草案に表示されない非規範的な属性です.iOSのSafariブラウザのリンクまたはJavaScriptのクリック可能な要素をクリックすると、表示されたハイライト色が上書きされます.このアトリビュートでは、透明度のみを設定できます.透明度が設定されていない場合、iOS Safariはデフォルトの透明度を使用します.透明度を0に設定すると、このアトリビュートは無効になります.透明度を1に設定すると、要素はクリック時に表示されません.-Webkit-appearanceは、CSS仕様草案には表示されない非仕様属性(unsupported WebKit property)です.ボタンや他のコントロールの外観を、オリジナルのコントロールに似ているように変更します.参考サイト:http://www.css88.com/webkit/-webkit-line-clamp/
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> </title>
</head>
<body>
<p style="
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
">
static: 。top,right,bottom,left 。 relative: , top,right,bottom,left 。 absolute: , top,right,bottom,left , , margin margin 。fixed: , top,right,bottom,left , , 。center: , top,right,bottom,left 。 。 , margin margin 。(CSS3)page: absolute。 , , absolute 。(CSS3) sticky: 。 relative fixed , , fixed。 。(CSS3)* CSS3 , ,
</p>
</body>
</html>
Webkit-touch-calloutは、CSS仕様草案には表示されない非仕様属性(unsupported WebKit property)です.タッチターゲットをタッチして押すと、システムのデフォルトメニューが禁止または表示されます.iOSでは、リンクなどのタッチターゲットをタッチして押すと、Safariブラウザにリンクに関するシステムのデフォルトメニューが表示されます.このプロパティを使用すると、システムのデフォルトメニューを無効にできます.webkit-touch-callout:none;システムのデフォルトメニューが無効になりましたwebkit-touch-callout:inherit;システムのデフォルトメニューは無効にされません.新しいウィンドウが開くなどのリンク要素、画像の保存などのimg要素-webkit-tap-highlight-colorは、CSS仕様草案に表示されない非規範的な属性です.iOSのSafariブラウザのリンクまたはJavaScriptのクリック可能な要素をクリックすると、表示されたハイライト色が上書きされます.このアトリビュートでは、透明度のみを設定できます.透明度が設定されていない場合、iOS Safariはデフォルトの透明度を使用します.透明度を0に設定すると、このアトリビュートは無効になります.透明度を1に設定すると、要素はクリック時に表示されません.-Webkit-appearanceは、CSS仕様草案には表示されない非仕様属性(unsupported WebKit property)です.ボタンや他のコントロールの外観を、オリジナルのコントロールに似ているように変更します.参考サイト:http://www.css88.com/webkit/-webkit-line-clamp/