段落を左上から座標(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> <!-- Mirrored from www.openspc2.org/reibun/css/paragraph/010/index.html by HTTrack Website Copier/3.x [XR&CO'2008], Mon, 17 Oct 2022 08:41:19 GMT --> <head> <title>段落を左上から座標(200,50)に表示する</title> <style type="text/css"><!-- p { position:absolute; left:200px; top:50px; } --></style> </head> <body> <p> ■段落が左上から座標(200,50)<br> に表示されます。 </p> </body> <!-- Mirrored from www.openspc2.org/reibun/css/paragraph/010/index.html by HTTrack Website Copier/3.x [XR&CO'2008], Mon, 17 Oct 2022 08:41:19 GMT --> </html>
補足説明 なし

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