• CSS

インラインフレームをCSSで設定

忘れないうちに、覚え書きにしておこう!
MK2-STYLEの更新情報を前からインラインフレームにしたかったのですが
インラインフレームははやり使いたくないので、HTMLにしていました。
今日、「CSS」でのインラインフレームというのをやってみたので
ソースを書いておきます。

「htmlファイル」

[html]

ここに内容を書く</div>
[/html]

「cssファイル」
[css]
#frame {width:380px; height:200px; border:0; margin:0px; padding:0; overflow:scroll;}
[/css]
この「overflow:scroll;」というのがミソですね♪
この表示方法なら、擬似フレーム内にリンクを貼っても、ターゲット指定なしでリンク先に飛ぶもんね。

まだまだ、勉強することいっぱいだ~!

関連記事

  1. CSS nite in Osaka

  2. CSSレイアウトサンプル-3カラム

  3. Web creators 2006年 10月号

  4. コピペでカンタン|シンプルでスタイリッシュな見出しを作るサンプル集

  5. ちゃんとCSSするためのスタイルガイド入門

  6. CSSでテーブルレイアウト