4

ここで議論を見ましたが、2年が経ちました!

この権利を使用しているかどうかはわかりませんが、次のsass/compassコードがあります。

+text-shadow(red 0 3px 0 3px)

次の生成css:

text-shadow: red 0 3px 3px, red 0 3px 0 3px;
text-shadow: red 0 3px 0 3px, red 0 3px 0 3px;

Chrome / Safari / Firefox / Operaのどちらでも機能しません。

これは宣言によるものですか、それともこのspread機能は本当に仕様から削除されたのでしょうか?

4

3 に答える 3

8

スペックにはこう書いてありますが、

このプロパティは、要素のテキストに適用される影の効果のカンマ区切りのリストを受け入れます。値は「box-shadow」[CSS3BG] の場合と同様に解釈されます。(ただし、スプレッド値は許可されていないことに注意してください。) 影は、要素のすべてのテキストと、指定されたテキスト装飾に適用されます。

于 2013-01-05T20:47:50.343 に答える
-1

コンパスでは、ドキュメントで述べたように、ミックスインを使用するときにスプレッド値を設定することはできませんtext-shadow:

いずれかのシャドウにスプレッド パラメータがある場合、これにより mixin はシャドウ宣言を 2 回発行します。最初はスプレッドなしで、次にスプレッドを含めます。これにより、スプレッド パラメータをサポートするブラウザを段階的に拡張できます。

または、 mixin を使用することもできます:次に、スプ​​レッド値single-text-shadow を含むすべての値をコンマで区切って渡します。

single-text-shadow(0, 3px, 0, 3px, red);

それはあなたが期待したように動作します。

于 2013-01-05T20:42:00.297 に答える