-
Notifications
You must be signed in to change notification settings - Fork 4
/
567.txt
113 lines (77 loc) · 3.67 KB
/
567.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
* clear 特性 (CSS)
[2] [[WinIE]] では [CODE(CSS)[clear: [[all]]]] が効くのか。。。
[[#form:'spambot用ダミーフォーム%n;%textarea(id=>msg,cols=>40,lines=>3,class=>require);%n;(%text(id=>name,label=>お名前,size=>6); [%text(id=>name,label=>メイル,size=>5);] %check(default,id=>record-date,label=>日付を記録,description=>日付と時刻を記録するか否か);) %submit(label=>追加);':'']]
* br 要素 clear 属性 (HTML, XHTML 1)
[3] [[HTML]] の [CODE(HTMLe)[[[br]]]] 要素の
[DFN[[CODE(HTMLa)[clear]] 属性]]は、
[[視覚UA]] で、その [CODE(HTMLe)[br]]
による改行の続きの文章をどこにレンダリングするべきかを指定します。
この属性は、普通 [[[CODE(HTMLa)[align]]]>>55] 属性による物体の[[浮動]]の結果の回り込みを解除するために使われていました。
[4] 仕様書:
- [[HTML 4]]
-- Float text around an object <IW:HTML4:"present/graphics.html#idx-text">
** 代替
[5] この属性は'''非推奨'''です [SRC[HTML 4]]。
代わりに[[スタイル・シート]]を使って指定できます。
[6] [[CSS]] では [CODE(CSS)[clear]] 特性を使います。
特性値が HTML とは少々異なるので注意が必要です。
** 属性値
[7] この属性は[[列挙型]]です。
,属性値 ,説明 ,出典
,[CODE(HTML)[[[all]]]] ,全浮動物体下の直近新行頭 ,[HTML 4]
,[CODE(HTML)[clear]] ([[真偽値属性]]) ,[CODE(HTML)[all]] と同じ ,[NN2]
,[CODE(HTML)[[[left]]]] ,全左余白浮動物体下の直近新行頭 ,[HTML 4]
,[CODE(HTML)[[[none]]]] ,通常通り ,[HTML 4]
,[CODE(HTML)[[[right]]]] ,全右余白浮動物体下の直近新行頭 ,[HTML 4]
[8] この属性は省略可能です。省略時は [CODE(HTML)[none]]
が既定値となります [SRC[HTML 4 15.1.3.2]]。
([[DTD]] での既定値は [CODE(SGML)[#[[IMPLIED]]]] です。)
** 応用
[9] レンダリング例 [SRC[HTML 4 15.1.3.2]]:
画像が左浮動しているとしますと、通常 ([CODE(HTML)[none]]) では
[PRE[
********* -------
| | -------
| image | --[CODE(HTML)[<[CODE(HTMLe)[BR]]>]]
| | ------
*********
]PRE]
のようにレンダリングします。
[CODE(HTML)[left]] または [CODE(HTML)[all]] が指定されていれば、
[PRE[
********* -------
| | -------
| image | --[CODE(HTML)[<BR clear="left">]]
| |
*********
-----------------
]PRE]
のようなレンダリングとなります。
[[#comment]]
** 歴史
[10] [CODE(HTMLe)@en[[[br]]]] [[要素]]の [CODE(HTMLa)@en[[[clear]]]]
[[属性]]は [[HTML 2.0]] の拡張として [[Netscape Navigator]]
が実装しました。
[CODE(HTMLe)@en[[[img]]]] [[要素]]の [CODE(HTMLa)@en[[[align]]]]
[[属性]]が拡張されて[[画像]]が[[浮動]]できるようになったため、
[CODE(HTMLe)@en[[[br]]]] を拡張する必要が生じたとされています。
[CODE(HTML)@en[[[left]]]], [CODE(HTML)@en[[[right]]]],
[CODE(HTML)@en[[[all]]]] が[[属性値]]として使えました。
;; [CITE[Netscape Navigator Extensions to HTML]]
<http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html>
[[#comment]]
** 実装
[1] [[NN2]] (×NN 3+)
では [CODE(HTML)[<[CODE(HTMLe)[br]] clear>]]
で clear されたらしい。
[SRC[[[要出典]]]]
[[#comment]]
** メモ
[[#comment]]
* メモ
[11] [CITE@en-us[document.clear - MDC]]
([TIME[2009-09-13 18:12:10 +09:00]] 版)
<https://developer.mozilla.org/en/DOM/document.clear>
[12] [CITE@en[(X)HTML5 Tracking]]
([TIME[2010-01-11 13:56:29 +09:00]] 版)
<http://html5.org/tools/web-apps-tracker?from=4564&to=4565>