Re:Creator's Chat #1 / shogo4405
資料は公開します <ul><li>Re: Creator’s  のサイト ( 予定 ) </li></ul><ul><ul><li>http://www. re - creators .jp/ </li></ul></ul><ul><li>Th...
去る 2008 年 8 月 27 日に ,IE8β2 登場 http://www.microsoft.com/japan/windows/products/winfamily/ie/beta/default.mspx
 
今までの CSS 対応 <ul><li>IE6 といえども、 IE7 といえども </li></ul><ul><ul><li>考慮するのは CSS の互換モード / 標準モードくらいでした。 </li></ul></ul>
IE8 登場で <ul><li>IE8  標準準拠モード </li></ul><ul><li>IE7 準拠モード </li></ul><ul><li>Quirks モード </li></ul><ul><li>EmulateIE8 モード </l...
結局のところ… <ul><li>自分がどのモードを使うか?を決めて。 </li></ul><ul><li>「そのモードで使える CSS は何か?」 </li></ul><ul><li>「どのように表示されるか?」 </li></ul><ul><...
脱線 <ul><li>JavaScript のメソッドでは、 IE8 のレンダリングモードで動く動かないがあるので悲惨><! </li></ul>
<ul><li>CSS2.1  への準拠 および  CSS 3  の一部採用となっています。 </li></ul><ul><li>IE7 までは、部分サポートであったものでも完全サポートになっています。 </li></ul><ul><li>Ps...
Pseudo-classes CSS2.1 <ul><li>Element:  focus{  ~  } </li></ul><ul><li>Element:  lang(){  ~  } </li></ul><ul><li>@page: fi...
Pseudo-elements CSS2.1 <ul><li>Element: after{  ~  } </li></ul><ul><li>Element: before{  ~  } </li></ul>
Generated Content CSS2.1 <ul><li>{ content :  ~  } </li></ul><ul><ul><li>CSS レベルで、テキストなどを追加するプロパティ </li></ul></ul><ul><li>...
Border and Layout CSS2.1 <ul><li>{  border-spacing :  ~  } </li></ul><ul><ul><li>隣接するセルのボーダーの間隔を指定するプロパティ </li></ul></ul><...
Printing CSS2.1 <ul><li>{  orphans :  <integer> | inherit  } </li></ul><ul><li>{  page-break-inside  :  avoid | auto | inh...
User Interface CSS2.1 <ul><li>{ outline  :  < style>  <color>  <width>  } </li></ul><ul><ul><li>input 要素などの色・スタイル・幅などを指定する...
User Intarface CSS3 <ul><li>{ box-sizing :  content-box | border-box  | inherit  } </li></ul><ul><ul><li>ボックスモデルの計算式を指定するプ...
Keywords CSS2.1 <ul><li>inherit </li></ul>
以上、 IE8 で新規採用された CSS 一覧でした。
参考文献 <ul><li>CSS Compatibility and Internet Explorer </li></ul><ul><ul><li>http://msdn.microsoft.com/en-us/library/cc35102...
 
Upcoming SlideShare
Loading in...5
×

Re Chat#1 20080927

842

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
842
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Re Chat#1 20080927

  1. 1. Re:Creator's Chat #1 / shogo4405
  2. 2. 資料は公開します <ul><li>Re: Creator’s のサイト ( 予定 ) </li></ul><ul><ul><li>http://www. re - creators .jp/ </li></ul></ul><ul><li>Thousand Years( 公開済 ) </li></ul><ul><ul><li>http://d.hatena.ne.jp/shogo4405/20080927/1222492540 </li></ul></ul>
  3. 3. 去る 2008 年 8 月 27 日に ,IE8β2 登場 http://www.microsoft.com/japan/windows/products/winfamily/ie/beta/default.mspx
  4. 5. 今までの CSS 対応 <ul><li>IE6 といえども、 IE7 といえども </li></ul><ul><ul><li>考慮するのは CSS の互換モード / 標準モードくらいでした。 </li></ul></ul>
  5. 6. IE8 登場で <ul><li>IE8 標準準拠モード </li></ul><ul><li>IE7 準拠モード </li></ul><ul><li>Quirks モード </li></ul><ul><li>EmulateIE8 モード </li></ul><ul><li>EmuldateIE7 モード </li></ul><ul><li>色々なレンダリングモードが追加されます </li></ul>IE8β2 で追加 IE8β1 で採用
  6. 7. 結局のところ… <ul><li>自分がどのモードを使うか?を決めて。 </li></ul><ul><li>「そのモードで使える CSS は何か?」 </li></ul><ul><li>「どのように表示されるか?」 </li></ul><ul><li> を考慮するモードが、たくさん増えました。… orz </li></ul>
  7. 8. 脱線 <ul><li>JavaScript のメソッドでは、 IE8 のレンダリングモードで動く動かないがあるので悲惨><! </li></ul>
  8. 9. <ul><li>CSS2.1 への準拠 および CSS 3 の一部採用となっています。 </li></ul><ul><li>IE7 までは、部分サポートであったものでも完全サポートになっています。 </li></ul><ul><li>Pseudo-classes CSS2.1 </li></ul><ul><li>Pseudo-elements CSS2.1 </li></ul><ul><li>Generated Content CSS2.1 </li></ul><ul><li>Border and Layout </li></ul><ul><li>Printing CSS2.1 </li></ul><ul><li>User Interface 2.1 </li></ul><ul><li>User Interface 3 </li></ul><ul><li>Keywords CSS2.1 </li></ul>IE8 の CSS 事情
  9. 10. Pseudo-classes CSS2.1 <ul><li>Element: focus{ ~ } </li></ul><ul><li>Element: lang(){ ~ } </li></ul><ul><li>@page: first{ ~ } </li></ul><ul><li>@page: left{ ~ } </li></ul><ul><li>@page:right{ ~ } </li></ul>
  10. 11. Pseudo-elements CSS2.1 <ul><li>Element: after{ ~ } </li></ul><ul><li>Element: before{ ~ } </li></ul>
  11. 12. Generated Content CSS2.1 <ul><li>{ content : ~ } </li></ul><ul><ul><li>CSS レベルで、テキストなどを追加するプロパティ </li></ul></ul><ul><li>{ counter-increment : ~ } </li></ul><ul><li>{ counter-reset : ~ } </li></ul><ul><ul><li>CSS レベルで、番号などをつけるプロパティ </li></ul></ul><ul><li>{ quotes : [<string> <string>] | none | inherit } </li></ul><ul><ul><li>引用符を設定するプロパティ </li></ul></ul>
  12. 13. Border and Layout CSS2.1 <ul><li>{ border-spacing : ~ } </li></ul><ul><ul><li>隣接するセルのボーダーの間隔を指定するプロパティ </li></ul></ul><ul><li>{ caption-side : top | bottom | left | right } </li></ul><ul><ul><li>テーブルの <caption> の位置を指定するプロパティ </li></ul></ul><ul><li>{ empty-cells : show | hide } </li></ul><ul><ul><li>空白セルの表示 / 非表示を指定するプロパティ </li></ul></ul>
  13. 14. Printing CSS2.1 <ul><li>{ orphans : <integer> | inherit } </li></ul><ul><li>{ page-break-inside : avoid | auto | inherit } </li></ul><ul><li>{ widows : <integer> | inherit } </li></ul>
  14. 15. User Interface CSS2.1 <ul><li>{ outline : < style> <color> <width> } </li></ul><ul><ul><li>input 要素などの色・スタイル・幅などを指定するプロパティ </li></ul></ul><ul><li>{ outline-color : ~ } </li></ul><ul><ul><li>同、色を指定するプロパティ </li></ul></ul><ul><li>{ outline-style : ~ } </li></ul><ul><ul><li>同、スタイルを指定するプロパティ </li></ul></ul><ul><li>{ outline-width: ~ } </li></ul><ul><ul><li>同、幅を指定するプロパティ </li></ul></ul>
  15. 16. User Intarface CSS3 <ul><li>{ box-sizing : content-box | border-box | inherit } </li></ul><ul><ul><li>ボックスモデルの計算式を指定するプロパティ </li></ul></ul>
  16. 17. Keywords CSS2.1 <ul><li>inherit </li></ul>
  17. 18. 以上、 IE8 で新規採用された CSS 一覧でした。
  18. 19. 参考文献 <ul><li>CSS Compatibility and Internet Explorer </li></ul><ul><ul><li>http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×