mozilla
Your Search Results

    right

    概要

    CSSright プロパティは、位置指定された要素の位置の一部を定義します。

    絶対位置指定要素( positionabsolute または fixed である要素)では、包含ブロックの右辺と、要素のマージン境界の右辺との距離を定義します。

    right プロパティは、位置指定されていない要素に対しては効果を持ちません。

    rightleft の両方のプロパティが指定されると、要素位置の 過剰指定 の状態です。このときは、コンテナが左から右に進むなら left 値が優先され(right の計算値は -left にセットされます)、コンテナが右から左に進むなら right 値が優先されます(left の計算値は -right にセットされます)。

    • 初期値auto
    • 適用対象位置指定された要素
    • 継承しない
    • 相対値の基準包含ブロックの幅
    • メディアvisual
    • 計算値長さで指定されると相当する絶対的な長さ、パーセンテージとして指定されると指定値、それ以外では auto
    • アニメーションの可否可能。長さ、パーセンテージ、calc() として可能。どちらも長さなら長さとして補間。どちらもパーセンテージならパーセンテージとして補間。それ以外では、両方の値は 長さとパーセンテージの合計(各値はゼロかもしれません)を計算する calc() 関数に変換されます。これらの calc() 関数は、それぞれ補間結果を実数として持っています。
    • 正規順序形式文法で定義される一意のあいまいでない順序

    構文

    形式文法: <length> | <percentage> | auto
    
    right: 3px         /* <length> 値 */
    right: 2.4em
    
    right: 10%         /* 包含ブロックの幅に対する <percentages> */
    
    right: auto
    
    right: inherit
    

    <length>
    次の意味を持つ負、null、または正の <length>:
    • 絶対位置指定要素 では、包含ブロックの右辺までの距離
    • 相対位置指定要素 では、位置指定されていない場合に通常フローで置かれる位置からの右方向への移動量。
    <percentage>
    包含ブロックの幅に対する <割合> で、概要に書かれたような使い方をします。
    auto
    次の意味を持つキーワードです:
    • 絶対位置指定要素では left に基づく位置。width: auto はコンテンツに基づく幅とみなされます。
    • 相対位置指定要素では left に基づく元々の位置からの移動量です。leftauto の場合にはまったく移動しません。
    inherit
    親要素(包含ブロックではないかもしれません)からの計算値と同じ値であることを示すキーワードです。この計算値は、<length><割合>、または auto キーワードであるかのように扱われます。

    実際の表示を確認

    #example_3 {
      width: 600px;
      height: 400px;
      background-color: #FFC7E4;
      position: relative;
      top: 20px;
      left: 20px;
    }
    
    #example_4 {
      width:200px;
      height:200px;
      background-color: #FFD7C2;
      position:absolute;
      bottom:10px;
      right: 20px;
    }

    仕様書

    仕様書 策定状況 コメント
    CSS Transitions 草案 right をアニメーション可能として定義
    CSS Level 2 (Revision 1) 勧告  

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 1.0 1.0 (1.7 or earlier) 5.5 5.0 1.0
    機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

    関連情報

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

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