[107]
HTML
の
align
属性は、
揃えの方法を指定するものでした。
[46] HTML のブロック水準要素の多くには、
(現在では非推奨の) align
属性が定義されています。
文章を直接内容に持つ系統の要素の align
属性は、文章の揃え位置を指定します。
[47] 適用対象要素型:
div
HTML 4p
HTML 2.x, HTML 4hn
HTML 2.x, HTML 4ol
HTML 2.xul
HTML 2.xdir
HTML 2.xmenu
HTML 2.xli
HTML 2.xhr
HTML 2.x >>71blockquote
HTML 2.xaddress
HTML 2.x[48] 仕様書:
[51] この属性は非推奨です HTML 4。 スタイル・シートを使うことが良いとされています。
[52] CSS の場合、 text-align
特性が使えます。
属性値 | 説明 | 出典 |
left | 左揃え | [HTML 4] |
center | 中央揃え | [HTML 4] |
right | 右揃え | [HTML 4] |
justify | 両端揃え | [HTML 4] |
[81]
この属性は省略可能です。
省略時の既定値は基底文方向依存で、左から右なら left
,
右から左なら right
です
(DTD 的には既定値なしです) HTML 4 15.1.2, SI 4281:1998 9.1。
[50] 見出しを画布の中央に寄せる HTML 4 15.1.2
<H1 align="center"> How to Carve Wood </H1>
align
属性は非推奨で、スタイル・シートを使うことが推奨されています。
CSS では h1
{ text-align: center}
と指定して同じ効果が得られます。
[37] 段落を画布の右で揃える例 HTML 4 15.1.2、改
<P class="mypar" align="right">...Lots of paragraph text...
align
属性は非推奨で、スタイル・シートを使うことが推奨されています。
CSS では p
.mypar {text-align: center}
と指定して同じ効果が得られます。
[53] 段落列を div
でまとめ、
右端で文字を揃える例 HTML 4 15.1.2
<DIV align="right"> <P>...text in first paragraph... <P>...text in second paragraph... <P>...text in third paragraph... </DIV>
align
属性は非推奨で、スタイル・シートを使うことが推奨されています。
CSS では div
{text-align: center}
と指定して同じ効果が得られます (CSS では div
要素への指定が子要素である p
に継承されます)。
[54] 非推奨の center
要素は、
div
要素で align
属性を center
と指定したものと等価です HTML 4。
[63] iframe
要素や
input
要素の align
属性の定義は HTML 4 仕様書 HTML 4 16.5, 17.4
ではこの種の align
を指していますが、
意味と DTD の記述から考えると、 >>38
と同じ種類とするのが正しいと考えられます。
[93] XHTML m12n の抽象モジュール定義は 1.0 から 2007年の 1.1 WD までずっと typo があります。誰も気づかないということはないと思うのですが。。。 (名無しさん)
[9] HTML の table
要素の
align
属性は、文書に対する表の位置を指定します。
[10] 仕様書:
(名無しさん [sage])
[78]
HTML 4 DTD の注釈 (参考) には
table position relative to window
と書かれています。
(名無しさん [sage])
[13] この属性は HTML 4 で非推奨とされています。 代わりにスタイル・シートで指定できます。
[14]
たとえば、 CSS では
table
{margin-left: auto; margin-right: auto}
と指定すれば center
を実現できます。
属性値 | 説明 | 出典 |
bleedleft | “bleed” over (余白を超えて) 左浮き | [WEBTV] |
bleedright | “bleed” over 右浮き | [WEBTV] |
center | 中央寄せ | [HTML 4], [WEBTV] |
left | 左寄せ | [HTML 4], [WEBTV] |
right | 右寄せ | [HTML 4], [WEBTV] |
[12] HTML 4 仕様書には既定値は書かれていません。
[WEBTV] では、既定値は left
です。
[20] 仕様上の SGML宣言の如何にかかわらず、ほとんどの WWWブラウザは属性名の省略に対応していません。
[22] この属性は省略可能です。
[33] この属性は表のこまの align
属性に影響し得ます。
詳しくは %cellhalign
の説明をみてください。
[15] HTML の要素型 tbody
, thead
,
tfoot
, colgroup
, col
,
tr
, th
, td
で定義されている align
属性は、
こま内のデータの揃え位置を指定します。
[73] 仕様書:
[16] この属性は HTML 4 では非推奨とされていませんが、 スタイル・シートで指定する方が望ましいと考えられます。
[17] たとえば、 CSS では text-align
特性で (属性値もほとんどそのまま) 指定できます。
left
center
right
justify
char
[21] ほとんどの WWWブラウザは属性名の省略に対応していません。
[23] この属性は省略可能です。 DTD 上の既定値はありません。
HTML 4 仕様書本文によれば、データこまでは left
,
見出しこまでは center
が既定値です。
とかいいながら別の節に継承規則があって、それでも得られないときの既定値は
UA 依存です。ともかく継承規則については %cellhalign
の説明をみてください。
[34] その継承規則のところでは、どこにも陽に指定がないときの最終決定は
UA 依存の値によるとされていますが、単に常に left
というような既定値ではなく、現在文方向によって決めろと書いてあります。
言っていることがばらばらですねぇ。
もちろん、 >>23 は間違いで >>34 が意図だとは思います。
[35] また、 justify
に対応していない UA
は現在文方向を使って決めるべきだとの指示もあります
(対応しなくても良いとはどこにも書いてない気がしますが)。
[18] HTML 4 の DTD では、この属性は属性集合 %cellhalign
の一員です。
[31]
char
の時の揃え文字は char
属性で指定します。
こま内の揃える実際の位置は charoff
属性で指定します。
[36] ほとんどの視覚 WWW ブラウザは left
と
center
と right
、
せいぜい justify
にしか対応していません。
[24] HTML の caption
要素や
fieldset
要素の
align
属性は、題名を表や欄集合に対してどの位置に置くかを指定します。
仕様書:
(名無しさん [sage])
[25] この属性は非推奨です HTML 4。 代わりにスタイル・シートで指定するべきです。
[26] CSS では、 caption-side
特性があります。表ではこの特性が align
属性の代わりに使えます。
属性値 | 説明 | 出典 (caption ) | 出典 (legend ) |
bottom | 下 | [HTML 3.2], [HTML4], [XHTML1], [WebTV] | [HTML 4] |
center | 上に中央寄せ | [WebTV] | |
left | 左 | [HTML4], [XHTML1] | [HTML 4] |
left | 左側にあわせる | [WebTV] | |
right | 右 | [HTML4], [XHTML1] | [HTML 4] |
right | 右側にあわせる | [WebTV] | |
top | 上 | [HTML 3.2], [HTML4], [XHTML1], [WebTV] | [HTML 4] |
WebTV は HTML 4 と違う意味で使っているようです WebTV。
[29] この属性値は省略可能です。
HTML 4 の DTD 上は既定値はありません。
HTML 4 仕様書本文によれば、 top
が既定値です
HTML 4 caption
, 17.10。
WebTV では、 center
が既定値です WebTV。
[75]
HTML 4 DTD の注釈 (参考) には
legend
要素では
relative to fieldset
と説明があります。
(名無しさん [sage])
[76]
HTML 4 DTD では legend
要素の align
属性の型は
%LAlign
です。 (定義は caption
要素のものと同じです。)
(名無しさん [sage])
[80]
HTML 4 DTD の注釈 (参考) には
caption
要素では
relative to table
と説明があります。
[28] ほとんどの WWWブラウザは属性名の省略に対応していません。
[96] legend
要素の align
は現実には
left
、center
、right
のいずれかで、fieldset
要素の上境界辺上での表示揃え位置を指定するもののようです。
Web Applications 1.0
[94]
機械振興会館 (2008-07-29 20:46:12 +09:00
版) http://www.jspmi.or.jp/kaikanleft.htm
<TABLE width="120"> <CAPTION align="left"><B>機械振興会館</B></CAPTION> <TBODY>
(名無しさん)
[38] HTML の object
要素、
img
要素、 applet
要素、
embed
要素、 input
要素
(type
が image
)、
iframe
要素 の
align
属性は、各要素の文脈に対する表示位置を指定します。
[39] 仕様書:
object
系
align
属性 IW:HTML4:"struct/objects.html#alignment"align
属性 IW:HTML4:"present/graphics.html#alignment"iframe
要素型
IW:HTML4:"present/frames.html#edef-IFRAME"INPUT
element
IW:HTML4:"interact/forms.html#edef-INPUT"%IAlign
IW:HTML4:"sgml/dtd.html#IAlign"%IAlign
IW:HTML4:"sgml/loosedtd.html#IAlign"object
align
属性
http://web.archive.org/web/20010505215959/developer.webtv.net/authoring/html/object.fm.html#1083063img
align
属性
http://web.archive.org/web/20000304172320/developer.webtv.net/authoring/html/img.html#1056448embed
align
属性
http://web.archive.org/web/20010505221106/developer.webtv.net/authoring/html/embed.html#1082375input
align
属性
http://web.archive.org/web/20010425042729/developer.webtv.net/authoring/html/input.html#1056504iframe
要素 align
属性
http://web.archive.org/web/20000523145406/developer.webtv.net/authoring/html/iframe.html#1056406[40] この属性は HTML 4 で非推奨とされています。 代わりにスタイル・シートを使うことが好ましいといわれています。
[41] CSS では text-align 特性や vertical-align 特性や margin 系特性群などで同様の効果が得られます。
指定できるのは次の値です。
属性値 | 説明 | 出典 (object ) | 出典 (img ) | 出典 (applet ) | 出典 (embed ) | 出典 (input ) | 出典 (iframe ) |
baseline | [WebTV] | ||||||
bottom | 物体の下と基線を揃える | [HTML 4] | [HTML 4], [WebTV] | [HTML 4] | [WebTV] | [HTML 4] DTD, [WebTV] | [HTML 4] DTD, [WebTV] |
center | 物体の中央と基線を揃える | [WebTV] | [WebTV] | ||||
center | 中央揃え | [HTML 4] 本文 | [HTML 4] 本文 | ||||
justify | 両端揃え | [HTML 4] 本文 | [HTML 4] 本文 | ||||
left | 左余白に浮動 | [HTML 4], [WebTV] | [HTML 4], [WebTV] | [HTML 4] | [WebTV] | [HTML 4] DTD, [WebTV] | [HTML 4] DTD |
left | 左揃え | [HTML 4] 本文 | [HTML 4] 本文 | ||||
middle | 物体の垂直中央と基線を揃える | [HTML 4], [WebTV] | [HTML 4], [WebTV] | [HTML 4] | [WebTV] | [HTML 4] DTD | [HTML 4] DTD |
right | 右余白に浮動 | [HTML 4], [WebTV] | [HTML 4], [WebTV] | [HTML 4] | [WebTV] | [HTML 4] DTD, [WebTV] | [HTML 4] DTD |
left | 右揃え | [HTML 4] 本文 | [HTML 4] 本文 | ||||
textbottom | [WebTV] | ||||||
textmiddle | [WebTV] | ||||||
texttop | [WebTV] | ||||||
top | 物体の上と行の上を揃える | [HTML 4] | [HTML 4], [WebTV] | [HTML 4] | [WebTV] | [HTML 4] DTD, [WebTV] | [HTML 4] DTD, [WebTV] |
[43] この属性は省略可能です。
省略時の既定値は bottom
です HTML 4。
ただし [WebTV] では img
と input
では top
,
object
と embed
では
left
とされています。
[74] HTML 4 DTD 注釈には center?
と書かれています。
確かに left
と right
があれば
center
も、と思うのは自然なところ。
[44] UA は align
値を様々に解釈しています。
当該要素以前の文字列に対して揃えるものもあれば、
以後の文字列も考慮するものもあります。 HTML 4
どちらが正しいと決められてはいないようです。
[86] HTML 2.0 は img
要素を標準化しました。
align
属性もこのとき定義されていましたが、
属性値は top
, middle
,
bottom
の3種類だけでした。
[84] Netscape Navigator は HTML 2.0 の拡張として6種類の属性値を追加実装しています (>>87-88)。
[87] left
と right
は、浮動を表す属性値として追加されました。
[88] その他の値は
私が最初に
追加されました。img
を実装した時のひどい間違いを正そうとして私
というのは Marc Andreessen でしょうか。
後方互換性のため、既存の属性値の意味は変更せず、
新たな属性値を追加したと説明されています。
[64] iframe
要素や input
要素の align
属性は、
HTML 4 仕様書 HTML 4 16.5, 17.4 では
>>46 の種類の align
属性だとされています。
しかし、意味と DTD の記述を考慮すれば、
object
と同じ種類と考えるのが正しいはずです。
(しかし正誤票でも修正されていません。誰も気付いていないのでしょうか?)
[65]
input
要素の場合、
type
が image
の場合のみ適用されるのか、他の場合にも適用されるのかはわかりません。 (HTML 4 仕様書にはまったく記述がありません。)
[90]
>>64 属性索引は iframe
や
input
の align
をこの種類にしています。
(名無しさん)
[91]
XHTML m12n 1.0 勧告の抽象モジュール定義では
img
の align
が >>46 型になっていますが、 XHTML m12n 1.1 では修正されています。
(名無しさん)
[92]
XHTML m12n 1.0〜1.1 の抽象モジュール定義では input
の align
は HTML 4
の img
のものと同じ型になっています。
注釈として基本フォームモジュールとフォームモジュールが選択されていれば、とあります。
input
type
image
が定義されていない基本フォームモジュールでも
align
が使えることに意味はあるのでしょうか。
(名無しさん)
[55] HTML の表、物体、画像、枠などの
align
属性を left
や right
と指定すると、
その物体は左右の余白に浮動します HTML 4 15.1.3.1。
浮動物体は普通新しい行を始めます HTML 4 15.1.3.1。
[56] 仕様書:
[59] なお、 center
は要素型によっては物体を画布の中央に寄せますが、
浮動してはいません。 (また、 p
などの center
は中身の文章を中央寄せします。)
<IMG align="left" src="http://foo.com/animage.gif" alt="my boat">
[62]
浮動による文章の回り込みを解除するには、
br
要素の clear
属性 (非推奨) を使います。
非推奨属性の代わりに、 CSS
の clear 特性などを使うこともできます。
[66] HTML の hr
要素の
align
属性は、
水平線を左右余白間の領域の左右中央どこに配置するかを指定します。
[67] 仕様書:
属性値 | 説明 | 出典 |
left | 左揃え | [HTML 3.2], [HTML 4] |
center | 中央寄せ | [HTML 3.2], [HTML 4] |
right | 右揃え | [HTML 3.2], [HTML 4] |
[70] この属性は省略可能です。省略時の既定値は
center
です
(DTD 的には #IMPLIED
です) HTML 3.2, HTML 4。
(他の要素型の align
属性とは異なるので注意してください。)
[85] hr
要素の align
属性は HTML 2.0 の拡張として Netscape Navigator
が実装しました。
同時に追加された width
属性により水平線が文書の表示幅に満たない場合も考えられるようになったため、
水平線の位置を left
、
center
、right
から選べるようにしたと説明があります。
[71] HTML 2.x ではブロック的要素の一種として >>46
の align
属性が追加されました。
強制空要素である hr
にこの意味の align
属性を追加したのは誤りであったと考えられます。
(justify
と指定したらどうなるのだか。)
[72] HTML 3.2 および HTML 4
では、実際に使用・実装されている意味での
align
属性が規定されています。
[32] HTMLParagraphElement
インターフェイスの
廃止状態のIDL属性 align
は、
align
内容属性を反映しなければなりません
>>5。文字列として反映します。
[4] HTMLEmbedElement
インターフェイスの
廃止状態のIDL属性 align
は、
align
内容属性を反映しなければなりません
>>3。文字列として反映します。
img
要素についても、 center
を middle
の意味で使っているが、こちらには middle
もある。説明が center of the text と middle of the text になってて、違いが不明。align
属性の継承(?)に関する WinIE 3.0 の実装は変なことになってるようです: ブラウザーによって振る舞いの異なるタグ : 他にもありますか? http://tohoho.wakusei.ne.jp/lng/199801/98012000.htmp
要素型は hr
要素型を内容に含められるらしい (ので、 <hr
>
タグがあってもそこで終了タグが補われない)。nobr
要素の最後の wbr
要素が機能しない — これは align
とは関係ない。table
と align
が left
, right
、それに width
の組合せでおかしなことが起こるらしい。td
とその中の p
の両方に align
が指定されている場合、両方の値のうち、 left
→ right
→ center
(高) の優先度で配置が決まる。table
内の入れ子の table
が align
right
のとき、文字列や hr
などこまの右端に達する物体がなければ中の table
が消失する。[89]
アイドルお宝画像ブログ: ほしのあき画像特集 (2007-02-17 12:44:29 +09:00
版) http://idolblog.sblo.jp/article/635852.html
<div class="text"><strong>ほしのあき画像特集</strong><br /><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B0001W8HPW/zeroenkarages-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://images-jp.amazon.com/images/P/B0001W8HPW.09.MZZZZZZZ.jpg" alt="ほしのあき Darn-Tarn" style="border: none;" / align=left></a>ほしのあき<br />生年月日1978.3.14<br />血液型O型<br />出身地 東京<br />サイズT165 B88 W56 H87 S23.5<br />趣味・特技<br />マッサージ通い お散歩 種無しブドウを喉ににつめて戻す。最高10粒。<br /><a href="http://im.adonavi.jp/RD/pt/11462/in/3151.html">騙しリンク無し!完全無料画像掲示板</a></align></align><br /><br />
これはなに? (名無しさん)
[97] Web Applications 1.0 r5895 Remove pointless rules. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=5894&to=5895
[98] Web Applications 1.0 r6919 Drop support for obsolete table alignment values that no browser supports any more anyway.Fixing https://www.w3.org/Bugs/Public/show_bug.cgi?id=9442 ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6918&to=6919
[99] CSS Box Alignment Module Level 3 ( ( 版)) http://dev.w3.org/csswg/css3-align/#overview
[100] Re: [css3-flexbox] [css3-grid-layout] Too Many Alignment Properties ( (fantasai 著, 版)) http://lists.w3.org/Archives/Public/www-style/2012Feb/0743.html
[101] Web Applications 1.0 r7424 Add left and right caption alignment options. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7423&to=7424
[102] IRC logs: freenode / #whatwg / 20130116 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130116#l-342
[103] CSS Box Alignment Module Level 3 ( ( 版)) http://www.w3.org/TR/2013/WD-css3-align-20130514/
[104] 915 – (col-align-inherit) implement inheritance of alignment attributes from columns (align, valign, char, charoff, (lang, dir)?) ( ( 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=915
[105] ncsa-mosaic/CHANGES at master · alandipert/ncsa-mosaic ( ( 版)) https://github.com/alandipert/ncsa-mosaic/blob/master/CHANGES#L619
[106] Remove <applet> (zcorpan著, ) https://github.com/whatwg/html/commit/b9b9d60f9451c05f8e8d542e4094f987ae1a5fb8