Hatena::Groupsubtech

ういはるかぜの化学

Sunday, July 04, 2010

Internet Explorer 9 PP3で公表されていない機能 18:44 Internet Explorer 9 PP3で公表されていない機能 - ういはるかぜの化学 を含むブックマーク はてなブックマーク - Internet Explorer 9 PP3で公表されていない機能 - ういはるかぜの化学

ちょっと調べ物をしていたところ、Platform Preview 3まででRelease Notesに書かれていないけれども次の3つ(1つはひっそりと書いてあるけど)が追加されている事に気づきました。

f:id:mayuki:20100704182058p:image

<!DOCTYPE html>
<meta charset="UTF-8" />
<title>FlexBox</title>
<style>
    div {
        border1px solid black;
        padding10px;
        box-shadow: 4px 4px 4px #c0c0c0;
        border-radius: 4px;
    }
    div.container {
        width600px;
        height400px;
        display: -ms-box;
    }
    div.container div.inner {
        widthauto;
        heightauto;
    }
    
    div.box1 { -ms-box-flex: 1.0background-colorred}
    div.box2 { -ms-box-flex: 4.0background-colorgreen}
    div.box3 { -ms-box-flex: 5.0background-colorblue}
</style>

<div class="container">
<div class="inner box1">box1</div>
<div class="inner box2">box2</div>
<div class="inner box3">box3</div>
</div>

Flexible Box Layout で今動くのは

あたりのようです。そもそも使い方をよくわかってない事もありますが、-ms-box-ordinal-group とかは動かないっぽいです。


そういえばSelectors API Level 2の matchesSelector にも対応しています。なぜかMSDNリリースノートみたいなとこ(no title)には書いてあります。

ただし New Selectors API Level 2 support for the matchesSelector method と書いてありますがプレフィックス付きの msMatchesSelector です。

>>document.querySelectorAll("div")[0].msMatchesSelector(".container")
true
>>document.querySelectorAll("div")[1].msMatchesSelector(".container")
false

多分実装の安定度などいくつかの理由でまだ公表されていないのかもしれないし、最終的には外れるかもしれないけど興味深いですね。

トラックバック - http://subtech.g.hatena.ne.jp/mayuki/20100704