独自拡張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に変更 |
[編集] 参考
- Web Specifications Supported in Opera 9 #Opera CSS linking extensions (www.opera.com。9.xのリンク関連の拡張CSSについて。jp.opera.comに邦訳)
- Web Specifications Supported in Opera 8 #Opera CSS linking extensions (www.opera.com。8.xのリンク関連の拡張CSSについて)
- Web Specifications Supported in Opera 7 #Opera CSS linking extensions (www.opera.com。7.xのリンク関連の拡張CSSについて。white-spaceの-o-pre-wrapについて)
- Web Specifications Supported in Opera 6 #Opera CSS linking extensions (www.opera.com。6.xのリンク関連の拡張CSSについて。white-spaceの-pre-wrapについて)
- Web specifications supported in Opera 5 - the details #3.4 CSS extensions for XML (web.archive.org(www.opera.com)。Opera 5.xのリンク関連の拡張CSSについて)
- Changelog for Opera 9.50 Alpha 1 for Windows (snapshot.opera.com。9.50 Alpha 1更新履歴)
- Opera 9.5 Alpha 1の更新履歴完全版 (kuruman.org > Kuruman Memo) (kuruman.org。9.50 Alpha 1 更新履歴非公式邦訳)
- Changelog for Opera 9.0 Technology Preview 2 for Windows (snapshot.opera.com。9.0 TP 2更新履歴)
- Opera CSS Extensions - Cascading Style Sheets Syntax (www.eskimo.com/~bloo。-o-linkなどの昔のプロパティ名の情報。調査中)
- スキンアイコンの画像を使うためのCSS - opera:hige - チーム俺等 (orera.g.hatena.ne.jp/higeorange。スキン関連の拡張CSSについて)
- CSSメモ: Mozilla拡張 (www1.ttcn.ne.jp/amotohiko。Mozillaの拡張CSSのメモ)
[編集] 脚注
- ↑ http://jp.opera.com/docs/specs/
- ↑ 複数画像へ指定する記述は無効だけど一応仕様のまま
言語: | 日本語 |
---|