コンテンツ幅を表すwidthプロパティ
width

　widthプロパティは、ボックスのコンテンツ幅を表します。

　widthプロパティで指定するコンテンツエリアの外側には、padding、border、marginという順番で空白・けい線を表すプロパティにより覆われています。

基本データ

構文	セレクタ{width:値;}
継承	×
値	絶対的なサイズをpx（ピクセル）を使って指定する場合 ○○px 相対的なサイズを%（パーセント）、em（イーエム）を使って指定する場合 ○○%、○○em 親から継承させる場合 inherit
効果	ボックスのコンテンツ幅を設定できる
初期値	なし
適用個所	すべての要素

例

ほげほげですね。

p {

	width: 10px;

border:#000000 solid;

}

動作Webブラウザ

	Internet Explorer	全バージョン
	Firefox	全バージョン
	Safari	全バージョン
	Opera	全バージョン
	Chrome	全バージョン
	iPhone/iPad	全バージョン

標準JavaScriptによるDOMでの参照方法


     [window.]document.getElementById("【ID属性値】").style.width

jQueryを使った参照方法

$('【セレクタ】').css('width','【値】');
  

  $('【セレクタ】').css({'width':'【値】'});

CSSリファレンスインデックス

有限会社タグパンダ
喜安亮介

TechTargetジャパン

リッチクライアント & 帳票フォーラム新着記事

次のモバイルアプリはどのフレームワークで作る？ （2012/5/24）
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する
「LESS＆専用エディター」でCSSをシンプルに書こう （2012/5/23）
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう
学校が世界一のデジタル環境になったら （2012/5/18）
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない
1000万ドル調達も夢じゃないクラウドファウンディング （2012/5/15）
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード

＠IT 新着記事

キャリアアップ

デザインハック

- PR -

＠IT Sepcial

＠IT Special ヘ

イベントカレンダー

PickUpイベント

- PR -

アクセスランキング

ニュース一覧へ

お勧め求人情報

転職／派遣情報を探す

エンジニアの求人情報、ただいま増加中
【転職サーチ】SIer／Web企業／新規事業
スマホ開発で、あなたのキャリアを生かす

派遣エンジニアにお役立ちの仕事情報
「派遣・フリーで働くメリット」とは？
活躍する派遣エンジニアの本音

エンジニアのキャリア実現を応援します

ITトレメ「ビジネス基礎」シリーズ開始
「マナー＆コミュニケーション編」「法律・知財・債権管理編」

＊先週の人気講座ランキング＊
～ Android編～

ホワイトペーパー（TechTargetジャパン）