[CSS] iframeで設定できない属性
ブログを始めてからCSSは一括して外部スタイルシートでまとめるようになったのだが…
iframeと相性の悪いこと悪いこと！
もう泣きたくなるくらいだ。
設定されてるタグをCSSの属性に置き換えてclassでまとめればスッキリだ！
と思った。
◎理想
frameborder無し、borderは幅1px色#ccccccでsolid、scroll無視。
frameborder="0"の置き換えはborderっぽいが装飾と相殺されそうだから保留。
とりあえず装飾のborder書いて
style="border:solid 1px #ccc;" ⇒ {border: 1px solid #ccc }
scrolling="no" ⇒ { overflow: hidden }
↓
◎現実
スクロールバーが…あるぞ？
外枠も色は#ccccccらしいが、幅1pxでもsolidでもないし、なんで左と上が立体なんだ？
iframeのCSS自体よくわかってなかった上、思ったように表示されず混乱。
ひとまずborder装飾は置いといて、予想外のframeborder取り除きに徹する。
frameborder="0" ⇒ { border: none }
で、iframe窓のscrollと外枠のborderを消し去ろうと思った。
いや待て、border指定してんのにframeborderが0なんて無理だ！(# ･Д･)ｺﾞﾙｧ!
結局、frameborder="0" scrolling="no"はhtmlに書いてますね…
CSSいじり始めたのは最近でもないんだが、ニコ動のタグを貼るようになって今更気づいたことである。ニコ厨万歳！
これは外部CSS厨の存在を否定するようなものですね！
後日また詳しく書きます。
| CSS | Comments0 | Trackbacks0│▲
