ホームページ  >  記事  >  ウェブフロントエンド  >  Firefox CSS プライベートプロパティメモ Record_Experience Exchange

Firefox CSS プライベートプロパティメモ Record_Experience Exchange

WBOY
WBOYオリジナル
2016-05-16 12:10:201240ブラウズ

時々... Firefox がうまくサポートしていないものがいくつかあります... 役立つプライベート プロパティしか見つかりません...
例はまだたくさんあります... 多すぎてわかりにくいからですそれらを理解していません..十分に理解したら、完全な電子書籍を作成します。
これらは推奨されませんが、どうしても必要な場合は解決策が必要です..

アットルール

@-moz-document url(http://www.w3.org/)、<code>@-moz-document url(http://www.w3.org/),<br>url-prefix(http://www.w3.org/Style/),<br>domain(loaoao.com){<br>div{color:red;}<br>}url-prefix(http://www.w3.org/Style/ ),
domain(loaoao.com){
div{color:red;}
}

スタイルが役立つドメイン名を指定します。たとえば、domain(loaoao. com) can www.loaoao.com、lab.loaoao.com で使用でき、ドメイン (www.loaoao.com) の場合は www.loaoao.com でのみ使用できます


擬似要素と擬似クラス 擬似クラスと擬似オブジェクト

: -moz- シリーズはまだ明確に理解できていません。xul にのみ適用されるかどうかはわかりません。

プロパティ プロパティ
moz-appearance: appearance value
-moz-binding: uri | none ;
外観を直接定義します (テストの結果はありません..)
-moz-background-clip: border | padding ;
XBL を HTC によく似たものにリンクします...
-moz-background-inline-policy: bounding-box | continuous | each-box
背景にボーダーが含まれるかどうか、パディングが含まれないかどうか、CSS3のbackground-clipに対応
インライン背景をレンダリングする方法 -moz-background-origin: border | padding | content

-moz-border-top-colors:[color | transparent,]* color | transparent ;背景描画メソッドは、background-repeat:no-repeat の場合は背景位置に応じて側面またはコンテンツを逆に描画します。 -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colorsは CSS3 の背景元に対応します。

-moz-border-radius: border-radius {1,4} | inherit 境界線の複数の色を外側から内側に定義します。それぞれの色は 1 ピクセルのみで、最後の色は境界線の残りの部分を塗りつぶします。
デフォルトはありません。使用できます。すべての要素に対して
-moz-box-align: start | center | end | baseline | stretch
丸い角の定義は個別に定義できます -moz-border-radius-bottomleft、-moz-border-radius-bottomright、-moz-border-radius-topleft、-moz-border-radius-topright
-moz-box-direction: normal | reverse
コンテンツの位置を定義します。表示値が -moz-box または -moz-inline-box である要素にのみ使用できます。
-moz-box-flex: number
コンテンツの反対方向 (方向など) を定義します。これは、表示値が -moz-box または -moz-inline-box である要素にのみ使用できます。
-moz-box-ordinal-group
テストの結果はまだ明らかではありません。表示値が -moz-box または -moz-inline-box である要素に対してのみ使用できます。
-moz-box-orient: horizontal | vertical
公式の説明はありません
-moz-box-pack: start | center | end | justify
テストの結果はまだ明らかではありません。表示にのみ使用できる値は -moz-box または -moz-inline-box 要素です。
-moz-box-sizing: content-box | border-box | padding-box
クラス text-algin などのコンテンツの方向を定義します (justify は無効です)。表示値が -moz-box または -moz-inline-box である要素にのみ使用できます。
-moz-image-region: rect(top, right, bottom, left);
ボーダーとパディングは、幅/高さの内側だけで計算する必要はありません。
-moz-key-equivalent
終了を待っています...
-moz-opacity:number | inherit ;
公式の説明はありません
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;
透明度…CSS3の不透明度と同じで、重ならずに同時に定義します。

の外側の線のアウトラインは CSS3 のアウトラインと同じで、-moz-outline-radius (角丸)

もサポートしています。
Values 属性値cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out

cursor
マウスのスタイルを定義します。私がテストしたものは公式のものとは異なります。display: -moz-box | -moz-inline-block | -moz-inline-box | -moz-inline-grid | -moz-inline-stack | -moz-inline-table | -moz-grid | -moz-grid-group | -moz-grid-line | -moz-groupbox | -moz-deck | -moz-popup | -moz-stack | -moz-run-in | -moz-compact | -moz-marker
overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable
対応する表示命令をいくつか追加しました

いくつか...オーバーフローに対応する命令が追加されます
他にもたくさんあります...理解したら追加します...
出典: 開発者.mozilla .org/en/docs/CSS_Reference:Mozilla_Extensions
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。