• 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だけでノート風の罫線を作る

  2. CSS Optimizer (CSS最適化ツール)

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

  4. CSSレイアウトサンプル-1カラム

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

  6. CSSだけで画像に影をつけたい|box-shadowを使う方法