横スライドタグ

横に動きます
タグです。画像は減らしてあります。
＜CENTER style="WIDTH=390;height=293;　background-color;#cccc99; border-width : 4px;border-style : double;border-color:#99cc99;"＞(改行)
＜B style="border-style: none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;
scrollbar-arrow-color:#ffcccc;scrollbar-face-color:#fdffff; scrollbar-track-color:#fdffff; width: 390; height:293;"＞(改行)
＜p style="writing-mode:tb-rl;height:390;width:293;"＞ここは続けます＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/82.jpg" width="390" height="292" alt="サイクリング"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/95.jpg" width="390" height="293" alt="北側の堤防"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/92.jpg" width="390" height="293" alt="桜路"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/96.jpg" width="390" height="293" alt="桜全景"＞(改行)
＜/P＞＜/B＞(改行)
＜center＞＜font color="green"＞横に動きます＜/font＞＜/center＞＜/CENTER＞

　一つ一つの解説です。
＜CENTER style="WIDTH=390;height=293;　background-color;#cccc99; border-width : 4px;border-style : double;border-color:#99cc99;"＞(改行)
　ここまでが、枠の色と大きさの指定です。
＜B style="border-style: none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;
scrollbar-arrow-color:#ffcccc;scrollbar-face-color:#fdffff; scrollbar-track-color:#fdffff; width: 390; height:293;"＞(改行)
　border-style: は上下左右すべての、border-xxx-style: は上下左右それぞれののボーダー（枠線）のスタイルを、none（線無し）、dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、outset（外線）、inherit（継承）のいずれかで指定します。ですから、中の写真に枠線はなし（ＮＯＮＥ）を指定してあります。
◆ overflow-x: overflow (e5)◆ overflow-y: overflow (e5)領域をはみ出した要素の扱いを、visible（規定値：表示する）、hidden（隠す）、scroll（スクロールバーで表示する）、auto（自動）、inherit（継承）のいずれかで指定します。Netscape ではブロック型要素に対してのみ有効なようです。overflow-x や overflow-y は、overflow の指定を横方向、縦方向のみに適用します。

＜p style="writing-mode:tb-rl;height:390;width:293;"＞ここは続けます＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/82.jpg" width="390" height="292" alt="サイクリング"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/95.jpg" width="390" height="293" alt="北側の堤防"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/92.jpg" width="390" height="293" alt="桜路"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/96.jpg" width="390" height="293" alt="桜全景"＞(改行)
＜/P＞＜/B＞(改行)
＜center＞＜font color="green"＞横に動きます＜/font＞＜/center＞＜/CENTER＞
◆ writing-mode: mode (e55)縦書きを実現します。mode には lr-tb（横書き：left to right, top to bottom）、tb-rl（縦書き：top to bottom, right to left）のいずれかを指定します。

マンホール

日記形

＜center style="overflow-y:scroll;width:600px;height:300px;color:gainsboro;border-top:10px groove gainsboro;border-right:10px ridge gainsboro;border-bottom:10px ridge gainsboro;border-left:10px groove gainsboro;padding:10"＞
＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/84.jpg" width="390" height="293" alt="マンホール"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/87.jpg" width="390" height="293" alt="桜アップ"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/93.jpg" width="390" height="293" alt="上流の眺め"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/80/63/1458063/31.jpg" width="326" height="376" alt="お願い"＞＜FONT color="#ff0066"＞＜B＞
日記形
＜/center＞＜/font＞＜/b＞

ジャンル別一覧