mozilla
Your Search Results

    border-image-outset

    概要

    border-image-outset プロパティは、要素のボーダーボックスを超えて、ボーダー画像の領域を広げる量を指定します。

    • 初期値 0
    • 適用対象 全要素。ただし border-collapsecollapseのときはテーブル要素内部にあるものを除く
    • 継承 しない
    • メディア visual
    • 計算値 length が指定されると絶対的 length、それ以外では指定どおり
    • アニメーションの可否 不可
    • 正規順序形式文法で定義される一意のあいまいでない順序

    構文

    形式文法: [ <length> | <number> ]{1,4}
    
    border-image-outset: sides                  /* One-value syntax   */  E.g. border-image-outset: 30%; 
    border-image-outset: vertical horizontal    /* Two-value syntax   */  E.g. border-image-outset: 10% 30%; 
    border-image-outset: top vertical bottom    /* Three-value syntax */  E.g. border-image-outset: 30px 30% 45px; 
    border-image-outset: top right bottom left  /* Four-value syntax  */  E.g. border-image-outset: 7px 12px 14px 5px;
    
    border-image-repeat: inherit
    

    sides
    <length> または <割合> で表される量で、ボーダー画像の領域は 4 方向に、この量だけボーダーボックスを越えて広がります。
    horizontal
    <length> または <割合> で表される量で、ボーダー画像の領域は横方向、left と right に、この量だけボーダーボックスを越えて広がります。
    vertical
    <length> または <割合> で表される量で、ボーダー画像の領域は縦方向、top と bottom に、この量だけボーダーボックスを越えて広がります。
    top
    <length> または <割合> で表される量で、ボーダー画像の領域は top 方向に、この量だけボーダーボックスを越えて広がります。
    bottom
    <length> または <割合> で表される量で、ボーダー画像の領域は bottom 方向に、この量だけボーダーボックスを越えて広がります。
    right
    <length> または <割合> で表される量で、ボーダー画像の領域は right 方向に、この量だけボーダーボックスを越えて広がります。
    left
    <length> または <割合> で表される量で、ボーダー画像の領域は left 方向に、この量だけボーダーボックスを越えて広がります。
    inherit
    4 つの値すべてが、親要素の計算値から継承されることを示すキーワードです。

    仕様

    仕様書 策定状況 コメント
    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) 未サポート ? ?

    関連情報

    ドキュメントのタグと貢献者

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