ホームページ制作、千太の絵空事

バージョン4への対応

バージョン4への対応

更新2006-11-10

---

今更ですが…。
[ブラウザのバージョン4]へのCSSを適応させないといった場合です。
テキストブラウザでも可読可能なように、
きちんとマークアップをしたWebページには有効ですね。

※NN1,NN2,NN3はCSS未対応
※IE1,IE2はCSS未対応IE3で一部対応

1. NC4xの除外

[NC]4xではmedia属性にscreen以外ではCSSは適応されません。

LINK要素

<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="all">
<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="print">
<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="screen,print">

STYLE要素

<STYLE type="text/css" media="all">

2. IE3,IE4,(NC4x)の除外

@importでURL()を使わないで、「"」で括った場合、
N6, MacIE4.5以降, WinIE5以降は対応しているので、
これを利用して、IE3,IE4,(NC4)を除外できます。

• 
  

  @import "xxxxxxxx.css";
  

  
  

3. 合わせて除外

NC4xの初期バージョンでは@importでフリーズするので、
まず、NC4xを除外してから、IE3,IE4を除外してCSSを指定します。

• webページ
  

  <LINK rel="stylesheet" type="text/css"
           href="xxxxxxx1.css" media="screen,print">
  

• xxxxxxx1.css
  

  @import "xxxxxxx2.css";
  

• xxxxxxx2.css
  

  .my { color: red }
  

  
  

IE3,IE4,NC4の除外

クラスの属性値が、スペースで区切られたクラス名に、
N6, IE5以降は対応。

これを利用するとIE3,IE4,NC4の除外が可能。

• CSS
  

  .my1 { color: red }
  

  
  
• HTML
  

  <P class="my1 my2 ">
  

---

【ヒント】

• [ブラウザのバージョン4]
  NC4x,IE4
  
• [NC]
  Netscape Communicator(Netscape Navigator,Navigator)
  
• [NN]
  Netscape Navigator
  
• [IE]
  Microsoft Internet Explorer
  

---

この記事はバージョン4への対応
更新2006-11-10
ホームページ制作、千太の絵空事

CSS2規格外(CSS2.1)

CSS2規格外(CSS2.1)

---

Behavior

1. behavior(5)[Behavioral-WD]
   
   

Classification

• 
  

　
Color and Background

1. background-position-x[XSL1.0-WD]
   
2. background-position-y[XSL1.0-WD]
   

Filter

1. filter※IE独自拡張
   

Font and Text

1. ime-mode(5)※IE独自拡張
   
2. layout-flow※IE独自拡張
   
3. layout-grid(5)
   
4. layout-grid-char(5)
   
5. layout-grid-line(5)
   
6. layout-grid-mode(5)
   
7. layout-grid-type(5)
   
8. line-break(5)
   
9. ruby-align[Ruby-CR]
   
10. ruby-overhang[Ruby-CR]
    
11. ruby-position[Ruby-CR]
    
12. text-align-last(5.5)
    
13. text-autospace(5)
    
14. text-kashida-space(5.5)
    
15. text-overflow(6)
    
16. text-underline-position(5.5)※IE独自拡張
    
17. word-break(5)
    
18. word-wrap(5.5)
    
19. writing-mode(5.5)(7)
    
    

Layout

• 
  

Positioning

1. overflow-x
   
2. overflow-y
   

Printing

• 
  
  

User Interface

1. accelerator(5)※IE独自拡張
   
2. -ms-interpolation-mode(7)※IE独自拡張
   
3. scrollbar-3dlight-color(5.5)※IE独自拡張
   
4. scrollbar-arrow-color(5.5)※IE独自拡張
   
5. scrollbar-base-color(5.5)※IE独自拡張
   
6. scrollbar-darkshadow-color(5.5)※IE独自拡張
   
7. scrollbar-face-color(5.5)※IE独自拡張
   
8. scrollbar-highlight-color(5.5)※IE独自拡張
   
9. scrollbar-shadow-color(5.5)※IE独自拡張
   
10. zoom(5.5)※IE独自拡張
    
    

35/117

---

CSS2にあってCSS2.1にはないプロパティ

1. 'font-size-adjust'
   
2. 'font-stretch'
   
3. 'marker-offset'
   
4. 'marks'
   
5. 'text-shadow'
   
6. 
   
   

---

【リファレンス】
MSDN

• 『CSS Attributes: Index』
  <http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp>
  

W3C

• [Behavioral-WD]
  『Behavioral Extensions to CSS』
  W3C Working Draft 04 Aug 1999
  <http://www.w3.org/TR/becss>
  
• [XSL1.0-WD]
  『Extensible Stylesheet Language (XSL)』
  Version 1.0
  World Wide Web Consortium Working Draft 18-August-1998
  <http://www.w3.org/TR/1998/WD-xsl-19980818>
  
• [Ruby-CR]
  『CSS3 Ruby Module』
  W3C Candidate Recommendation 14 May 2003
  <http://www.w3.org/TR/2003/CR-css3-ruby-20030514>
  
• CSS2.1:
  

---

この記事はCSS2規格外(CSS2.1)
更新：2006-10-03
ホームページ制作、千太の絵空事

CSS2.1のプロパティ

CSS2.1のプロパティ

更新：2006-09-27

---

Box model

1. 'margin-top'
   
2. 'margin-right'
   
3. 'margin-bottom'
   
4. 'margin-left'
   
5. 'margin'
   
6. 'padding-top'
   
7. 'padding-right'
   
8. 'padding-bottom'
   
9. 'padding-left'
   
10. 'padding'
    
11. 'border-top-width'
    
12. 'border-right-width'
    
13. 'border-bottom-width'
    
14. 'border-left-width'
    
15. 'border-width'
    
16. 'border-top-color'※
    
17. 'border-right-color'※
    
18. 'border-bottom-color'※
    
19. 'border-left-color'※
    
20. 'border-color'
    
21. 'border-top-style'※
    
22. 'border-right-style'※
    
23. 'border-bottom-style'※
    
24. 'border-left-style'※
    
25. 'border-style'
    
26. 'border-top'
    
27. 'border-right'
    
28. 'border-bottom'
    
29. 'border-left'
    
30. 'border'
    
    

Visual formatting model

1. 'display'
   
2. 'position'※
   
3. 'top'※
   
4. 'right'※
   
5. 'bottom'※
   
6. 'left'※
   
7. 'float'
   
8. 'clear'
   
9. 'z-index'※
   
10. 'direction'※
    
11. 'unicode-bidi'※
    
    

Visual formatting model details

1. 'width'
   
2. 'min-width'※
   
3. 'max-width'※
   
4. 'height'
   
5. 'min-height'※
   
6. 'max-height' ※
   
7. 'line-height'
   
8. 'vertical-align'
   
   

Visual effects

1. 'overflow'※
   
2. 'clip'※
   
3. 'visibility'※
   

Generated content, automatic numbering, and lists

1. 'content'※
   
2. 'quotes'※
   
3. 'counter-reset'※
   
4. 'counter-increment'※
   
5. 'list-style-type'
   
6. 'list-style-image'
   
7. 'list-style-position'
   
8. 'list-style'
   

Paged media

1. 'page-break-before'※
   
2. 'page-break-after'※
   
3. 'page-break-inside'※
   
4. 'orphans'※
   
5. 'widows'※
   
   

Colors and Backgrounds

1. 'color'
   
2. 'background-color'
   
3. 'background-image'
   
4. 'background-repeat'
   
5. 'background-attachment'
   
6. 'background-position'
   
7. 'background'
   
   

Fonts

1. 'font-family'
   
2. 'font-style'
   
3. 'font-variant'
   
4. 'font-weight'
   
5. 'font-size'
   
6. 'font'
   
   

Text

1. 'text-indent'
   
2. 'text-align'
   
3. 'text-decoration'
   
4. 'letter-spacing'
   
5. 'word-spacing'
   
6. 'text-transform'
   
7. white-space'
   
   

Tables

1. caption-side※
   
2. 'table-layout'※
   
3. 'border-collapse'※
   
4. 'border-spacing'※
   
5. 'empty-cells'※
   
   

User interface

1. 'cursor'※
   
2. 'outline'※
   
3. 'outline-width'※
   
4. 'outline-style'※
   
5. 'outline-color'※
   
   

95

---

Appendix. Aural style sheets

1. 'volume'
   
2. 'speak'
   
3. 'pause-before'
   
4. 'pause-after'
   
5. 'pause'
   
6. 'cue-before'
   
7. 'cue-after'
   
8. 'cue'
   
9. 'play-during'
   
10. 'azimuth'
    
11. 'elevation'
    
12. 'speech-rate'
    
13. 'voice-family'
    
14. 'pitch'
    
15. 'pitch-range'
    
16. 'stress'
    
17. 'richness'
    
18. 'speak-punctuation'
    
19. 'speak-numeral'
    
20. 'speak-header'
    

---

---

【リファレンス】

• 『Cascading Style Sheets, level 2 revision 1
  CSS 2.1 Specification』
  W3C Working Draft 11 April 2006
  <http://www.w3.org/TR/2006/WD-CSS21-20060411>
  

---

「CSS2.1のプロパティ」
更新：2006-09-27
ホームページ制作、千太の絵空事ーー

CSS1のプロパティ

CSS1のプロパティ

更新：2006-09-26

---

Font properties

1. 'font-family'
   
2. 'font-style'
   
3. 'font-variant'
   
4. 'font-weight'
   
5. 'font-size'
   
6. 'font'
   
   

Color and background properties

1. 'color'
   
2. 'background-color'
   
3. 'background-image'
   
4. 'background-repeat'
   
5. 'background-attachment'
   
6. 'background-position'
   
7. 'background'
   
   

Text properties

1. 'word-spacing'
   
2. 'letter-spacing'
   
3. 'text-decoration'
   
4. 'vertical-align'
   
5. 'text-transform'
   
6. 'text-align'
   
7. 'text-indent'
   
8. 'line-height'
   
   

Box properties

1. 'margin-top'
   
2. 'margin-right'
   
3. 'margin-bottom'
   
4. 'margin-left'
   
5. 'margin'
   
6. 'padding-top'
   
7. 'padding-right'
   
8. 'padding-bottom'
   
9. 'padding-left'
   
10. 'padding'
    
11. 'border-top-width'
    
12. 'border-right-width'
    
13. 'border-bottom-width'
    
14. 'border-left-width'
    
15. 'border-width'
    
16. 'border-color'
    
17. 'border-style'
    
18. 'border-top'
    
19. 'border-right'
    
20. 'border-bottom'
    
21. 'border-left'
    
22. 'border'
    
23. 'width'
    
24. 'height'
    
25. 'float'
    
26. 'clear'
    
    

Classification properties

1. 'display'
   
2. 'white-space'
   
3. 'list-style-type'
   
4. 'list-style-image'
   
5. 'list-style-position'
   
6. 'list-style'
   

---

【リファレンス】

• 『Cascading Style Sheets, level 1』
  W3C Recommendation 17 Dec 1996, revised 11 Jan 1999
  <http://www.w3.org/TR/REC-CSS1>
  
  

---

「CSS1のプロパティ」
更新：2006-09-26
ホームページ制作、千太の絵空事

CSS2.1

CSS2.1

---

草稿

1. 'azimuth'
   
   • aural
     
2. 'background-attachment'
   
   • visual
     
3. 'background-color'
   
   • visual
     
4. 'background-image'
   
   • visual
     
5. 'background-position'
   
   • visual
     
6. 'background-repeat'
   
   • visual
     
7. 'background'
   
   • visual
     
8. 'border-collapse'
   
   • visual
     
9. 'border-color'
   
   • visual
     
10. 'border-spacing'
    
    • visual
      
11. 'border-style'
    
    • visual
      
12. 'border-top' 'border-right' 'border-bottom' 'border-left'
    
    • visual
      
13. 'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color'
    
    • visual
      
14. 'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style'
    
    • visual
      
15. 'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width'
    
    • visual
      
16. 'border-width'
    
    • visual
      
17. 'border'
    
    • visual
      
18. 'bottom'
    
    • visual
      
19. 'caption-side'
    
    • visual
      
20. 'clear'
    
    • visual
      
21. 'clip'
    
    • visual
      
22. 'color'
    
    • visual
      
23. 'content'
    
    • all
      
24. 'counter-increment'
    
    • all
      
25. 'counter-reset'
    
    • all
      
26. 'cue-after'
    
    • aural
      
27. 'cue-before'
    
    • aural
      
28. 'cue'
    
    • aural
      
29. 'cursor'
    
    • visual, interactive
      
30. 'direction'
    
    • visual
      
31. 'display'
    
    • all
      
32. 'elevation'
    
    • aural
      
33. 'empty-cells'
    
    • visual
      
34. 'float'
    
    • visual
      
35. 'font-family'
    
    • visual
      
36. 'font-size'
    
    • visual
      
37. 'font-style'
    
    • visual
      
38. 'font-variant'
    
    • visual
      
39. 'font-weight'
    
    • visual
      
40. 'font'
    
    • visual
      
41. 'height'
    
    • visual
      
42. 'left'
    
    • visual
      
43. 'letter-spacing'
    
    • visual
      
44. 'line-height'
    
    • visual
      
45. 'list-style-image'
    
    • visual
      
46. 'list-style-position'
    
    • visual
      
47. 'list-style-type'
    
    • visual
      
48. 'list-style'
    
    • visual
      
49. margin-right' 'margin-left'
    
    • visual
      
50. 'margin-top' 'margin-bottom'
    
    • visual
      
51. 'margin'
    
    • visual
      
52. 'max-height'
    
    • visual
      
53. 'max-width'
    
    • visual
      
54. 'min-height'
    
    • visual
      
55. 'min-width'
    
    • visual
      
56. 'orphans'
    
    • visual, paged
      
57. 'outline-color'
    
    • visual, interactive
      
58. 'outline-style'
    
    • isual, interactive
      
59. 'outline-width'
    
    • visual, interactive
      
60. 'outline'
    
    • visual, interactive
      
61. 'overflow'
    
    • visual
      
62. 'padding-top' 'padding-right' 'padding-bottom' 'padding-left'
    
    • visual
      
63. 'padding'
    
    • visual
      
64. 'page-break-after'
    
    • visual, paged
      
65. 'page-break-before'
    
    • visual, paged
      
66. 'page-break-inside'
    
    • visual, paged
      
67. 'pause-after'
    
    • aural
      
68. 'pause-before'
    
    • aural
      
69. 'pause'
    
    • aural
      
70. 'pitch-range'
    
    • aural
      
71. 'pitch'
    
    • aural
      
72. 'play-during'
    
    • aural
      
73. 'position'
    
    • visual
      
74. 'quotes'
    
    • visual
      
75. 'richness'
    
    • aural
      
76. 'right'
    
    • visual
      
77. 'speak-header'
    
    • aural
      
78. 'speak-numeral'
    
    • aural
      
79. 'speak-punctuation'
    
    • aural
      
80. 'speak'
    
    • aural
      
81. 'speech-rate'
    
    • aural
      
82. 'stress'
    
    • aural
      
83. 'table-layout'
    
    • visual
      
84. 'text-align'
    
    • visual
      
85. 'text-decoration'
    
    • visual
      
86. 'text-indent'
    
    • visual
      
87. 'text-transform'
    
    • visual
      
88. 'top'
    
    • visual
      
89. 'unicode-bidi'
    
    • visual
      
90. 'vertical-align'
    
    • visual
      
91. 'visibility'
    
    • visual
      
92. 'voice-family'
    
    • aural
      
93. 'volume'
    
    • aural
      
94. 'white-space'
    
    • visual
      
95. 'widows'
    
    • visual, paged
      
96. 'width'
    
    • visual
      
97. 'word-spacing'
    
    • visual
      
98. 'z-index'
    
    • visual
      

---

【リファレンス】

• 『Cascading Style Sheets, level 2 revision 1
  CSS 2.1 Specification』
  W3C Working Draft 11 April 2006
  <http://www.w3.org/TR/CSS21/>ーー
  

---

http://blogs.yahoo.co.jp/cen_picture21