独自拡張CSS属性

提供: Opera Wiki
移動: 案内, 検索

目次

[編集] セレクタ

名称 メモ
:-o-prefocus 空間ナビゲーションで到達した要素(主にフォーム部品)にマッチ。9.50 Alpha 1から使用可能

[編集] プロパティ

名称 初期値 メモ
-o-link none | attr(X) | <string> | <uri> none 要素を始点アンカーとして、指定した値のURIとリンクする。XMLのためのCSS拡張のはずだけど最近(X)HTMLの要素((X)HTMLの名前空間内の要素)でしか機能しない?
-o-link-source none | current | next none -o-linkの値の取得元になる要素(要素自身(current)か、このプロパティを指定する要素より後ろにある要素で-o-linkが指定されている要素(next))を決める
-o-table-baseline <integer> | inherit 1 display:inline-tableの要素の場合に指定した行をベースラインにする。9.50 Alpha 1から使用可能。負の値の場合は最後の行から数えた行、0の場合は要素の下側のマージンをベースラインにする
-o-focus-opacity 不明 不明 不明
-o-mini-fold folded | unfolded 不明 不明

[編集] 先行実装

名称 メモ
-o-tab-size http://dev.w3.org/csswg/css3-text/
-o-transform http://www.w3.org/TR/css3-2d-transforms/
-o-transform-origin
-o-transition http://www.w3.org/TR/css3-transitions/
-o-transition-delay
-o-transition-duration
-o-transition-property
-o-transition-timing-function
-o-animation http://www.w3.org/TR/css3-animations/
-o-animation-delay
-o-animation-direction
-o-animation-duration
-o-animation-fill-mode
-o-animation-iteration-count
-o-animation-name
-o-animation-play-state
-o-animation-timing-function
-o-object-fit http://dev.w3.org/csswg/css3-images/
-o-object-position
-o-border-image http://www.w3.org/TR/css3-background/#border-images

[編集]

プロパティ 名称 メモ
background-image -o-skin(X) skin.iniのImagesセクション、Boxesセクションにある画像名を指定し、そのスキンの画像を背景画像にする。引数には引用符が必要(-o-skin("Back")など)
width, height -o-skin background-imageの-o-skin(X)で指定した画像の幅、または高さ
width, height -o-content-size object要素やiframe要素で読み込んだもの(HTML文書など)の内容の高さ
content -o-language-string(X) 引数に指定した言語ファイル内の番号に対応する文字列を内容にする。9.50 Alpha 1から使用可能。内部のCSSでのみ有効
overflow-x -o-paged-x http://people.opera.com/howcome/2011/reader/
-o-paged-x-controls
overflow-y -o-paged-y
-o-paged-y-controls
float -o-top http://jp.opera.com/docs/specs/presto2.11/paged-overflow/
-o-top-corner
-o-bottom
-o-bottom-corner
-o-top-next-page
-o-top-corner-next-page
-o-bottom-next-page
-o-bottom-corner-next-page
column-span -o-integer(<integer>)

[編集] 先行実装

プロパティ 名称 メモ
background-image -o-linear-gradient() http://dev.w3.org/csswg/css3-images/#gradients
-o-repeating-linear-gradient()
white-space -o-pre-wrap CSS3 Text Module, CSS 2.1のwhite-space:pre-wrapの先行実装(って言っていいのか?)

[編集] ルール

名称 メモ
@media -o-paged Opera Readerで使用。[1]
@media (-o-device-pixel-ratio) http://www.opera.com/docs/specs/presto28/css/o-vendor/
@media (-o-max-device-pixel-ratio)
@media (-o-min-device-pixel-ratio)
@media (-o-widget-mode) http://dev.opera.com/articles/view/widget-modes-docked-widget-and-more/

[編集] 先行実装

名称 メモ
@-o-viewport http://dev.w3.org/csswg/css-device-adapt/#the-viewport-rule

[編集] 廃止されたプロパティ

プロパティ メモ
-link-set none | attr(X) | content() -o-linkに変更。5.x
-set-link-source none | attr(X) | content() -o-linkに変更。6.x
-link-use none | current | next -o-link-sourceに変更。5.x
-use-link-source none | current | next -o-link-sourceに変更。6.x
-replace none | attr(X) -o-replaceに変更。5.x, 6.x
-o-replace none | attr(X) attr(X)で指定した属性の値が有効な画像のURIの場合、要素の内容を指定された画像に置き換える。"相当する CSS3 メカニズムに変更予定[1]"。7.x, 8.x
-o-text-overflow ellipsis | clip 9.0 TP2で先行実装された。11からベンダープレフィクスが外されtext-overflowになった。
-o-background-size [ [ <length> | <percentage> | auto ]{1,2} || round ] [ [ , [ <length> | <percentage> | auto ]{1,2} ] || round ]*[2] 9.50 Alpha 1で先行実装された。10からベンダープレフィクスが外されbackground-sizeになった。

[編集] 廃止された値

プロパティ 名称 メモ
white-space -pre-wrap -o-pre-wrapに変更

[編集] 参考


[編集] 脚注

  1. http://jp.opera.com/docs/specs/
  2. 複数画像へ指定する記述は無効だけど一応仕様のまま
Languages 言語: 日本語
個人用ツール
名前空間

変種
操作
案内
ツール