Your Search Results

    border-image-source

    概要

    CSS の border-image-source プロパティは、ボーダー領域にボーダーのスタイルの代わりに表示する <画像> を指定します。このプロパティが none にセットされると、代わりに border-style が使われます。

    注記: この CSS プロパティにはどういった <画像> でも使えますが、ブラウザのサポートはまだ限定的です。一部のブラウザは url() 関数表記で定義された画像のみをサポートします。
    • 初期値none
    • 適用対象全要素。ただし border-collapsecollapseのときはテーブル要素内部にあるものを除く
    • 継承しない
    • メディアvisual
    • 計算値none または画像の絶対的URI
    • アニメーションの可否不可

    構文

    形式構文: none | <image> 
    
    border-image-source: none                                  /* no border-image, use the specified border-style */
    border-image-source: url(image.jpg)                        /* the image.jpg is used as image */
    border-image-source: linear-gradient(to top, red, yellow)  /* a gradient is used as image */
    
    border-image-source: inherit
    

    さまさまな値を使った表示例は、 border-image をご覧ください。

    仕様

    仕様書 策定状況 コメント
    CSS Backgrounds and Borders Module Level 3 勧告候補 初回定義

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 15.0 15.0 (15.0) 未サポート 未サポート 未サポート
    機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    基本サポート ? 15.0 (15.0) 未サポート ? ?

    関連情報

    Document Tags and Contributors

    Contributors to this page: sosleepy, ethertank
    最終更新者: ethertank,
    サイドバーを隠す