これに関連する他の質問には、新しい構文ではなく古いWebkit構文を与える回答があるか、境界勾配を片側だけに適用する方法が説明されていません。
画像を使用せずにCSSを介してグラデーションの境界線をサポートするブラウザはどれですか？
以下のJsFiddleに例があります。これは、右の境界線のみにグラデーションが適用されていることを示しています。このクロスブラウザーを、現在CSS境界線のグラデーションをサポートしているすべてのブラウザーと互換性を持たせるにはどうすればよいですか。私の例のGradient構文は、webkitで使用されている古い構文であると思います。1年ほど前に構文が更新されたので、新しい構文を使用したいと思いますが、試行するたびに失敗します。構文の何がグラデーションを右側にのみ適用するように指示しているのかわかりません。数値を調整しようとしましたが、何が行われているのかわかりません。どうもありがとうございます。
http://jsfiddle.net/nicktheandroid/MNax7/1/
また、以下に別の例があります。これは、すべてのブラウザーが使用する新しいCSSグラデーション構文を使用していますが、グラデーションはすべての境界線に適用されるため、上記の例のように、右側の境界線のみに適用する必要がありました。