段落を左上から座標(200,50)に表示する

段落を左上から座標(200,50)に表示する

■しかく動作ブラウザ 【 IE:4.0 NN:4.0】 ■しかくCSSバージョン【2】
Internet Explorer Netscape Navigator iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 2.x
Windows ×ばつ ○しろまる - ○しろまる ○しろまる ○しろまる ×ばつ ×ばつ ○しろまる ○しろまる -
Macintosh ×ばつ ○しろまる ○しろまる ○しろまる - - ×ばつ ×ばつ ○しろまる ○しろまる ×ばつ
UNIX - - - - - - ×ばつ ×ばつ ○しろまる ○しろまる -

ポイント p { position:absolute; left:200px; top:50px; }
説 明 段落を左上から座標(200,50)に表示するには「position:absolute;」で絶対位置指定とし「top:50px;」でY座標、「left:200px;」でX座標を指定します。
サンプル <html> <head> <title>段落を左上から座標(200,50)に表示する</title> </head> <body> <p> <span class="naked_sign">■</span><span class="naked_aural">しかく</span>段落が左上から座標(200,50)<br> に表示されます。 </p> </div><div class="naked_ctrl"> <form action="/index.cgi/contrast" method="get" name="gate"> <p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://www.openspc2.org/reibun/css/paragraph/010/index.html">(-&gt;オリジナル)</a> / <label>アドレス: <input type="text" name="naked_post_url" value="http://www.openspc2.org/reibun/css/paragraph/010/index.html" size="22" /></label> <label>モード: <select name="naked_post_mode"> <option value="default">デフォルト</option> <option value="speech">音声ブラウザ</option> <option value="ruby">ルビ付き</option> <option value="contrast" selected="selected">配色反転</option> <option value="larger-text">文字拡大</option> <option value="mobile">モバイル</option> </select> <input type="submit" value="表示" /> </p> </form> </div> </body> </html>
補足説明 なし

■しかくサンプルを実行する >>実行
■しかく各ブラウザでの動作結果を見る >>View!