Web Artisan Blog - ウェブ アルチザン ブログ

CSS:IEでの中央寄せ、margin”auto”が効かない件

JavaScript・XHTML・CSS

2006年03月20日

ネット上では既に周知のネタかも知れませんが、、
div要素で囲まれた範囲を中央寄せしたい場合、
margin-left: auto;
margin-right: auto;

と、marginの左右に”auto”を指定すれば実現できます。
<html>
<head>
</head>
<body>
<div style="margin-left: auto; margin-right: auto; border: 1px solid #000000; width: 200px;">
中央寄せしたい部分
</div>
</body>
</html>

＞続きを読む・・・CSS:IEでの中央寄せ、margin”auto”が効かない件
4 Comments  0 Trackback  Permalink

CSS:style属性と外部スタイルシートの優先順位

JavaScript・XHTML・CSS

2006年03月05日

今やスタイルシートによるレイアウト定義は当たり前ですが、CSSファイルとして外部ファイルで定義する以外に、インラインstyle属性として、各タグに設定する事ができます。

<a href="http://www.res-system.com" style="color: #ff0000; background-color: #cccccc">Web Artisan Blog</a>



で、CSSファイルとstyle属性両方で定義した場合、どちらが優先されるか？という事ですが、基本的にはstyle属性が優先されます。

スタイルシートの基本--ごく簡単なHTMLの説明
style属性は外部ファイルやstyle要素の設定よりも優先されることになります。
・・
1. 局所的なスタイルが大局的なスタイルに優先する
2. 同じ優先順位のスタイルが競合したら、あとから読み込んだものを採用する


＞続きを読む・・・CSS:style属性と外部スタイルシートの優先順位
0 Comment  0 Trackback  Permalink