width
widthプロパティの役割
ある要素の幅を指定します。
widthプロパティに設定できる値
auto | 自動的に幅を設定。初期値。 |
inherit | 上位要素の値を反映する。 |
数値 | 数値+単位で指定。 |
% | 親要素の幅を100%とする百分率で指定。 |
※負の値は指定できません。
widthプロパティの使い方
<p style="width:100px">この段落要素内に書かれているテキストは100ピクセルを最大幅として表示されます。</p>
この段落要素内に書かれているテキストは100ピクセルを最大幅として表示されます。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-10-24
サイト内検索
〔Amazonの書籍紹介ページを開きます〕
実践的内容のCSS+XHTMLの解説書。よくわからずにCSSを使っていた、というような初心者にとくにお奨めです。若干雑なつくりが気になりますが、ウェブ制作者のノウハウも知ることができます。 |
内容が正確で説明が丁寧なXHTMLとCSSの解説書。異なるブラウザ間での互換性の保持やアクセシビリティを考慮したつくりにも触れています。ボリュームがあり辞典的な使い方ができます。 |
HTML文書をつくる上で辞典の存在は欠かせません。ウェブ上で調べればいいと思う人もいるかもしれませんが、やはり傍らにおいてすぐに調べられるようにしておくと作業は早くなります。中級者向け。 |
ウェブデザイン、ウェブサイト作成の初心者~中級者向けの本。丁寧なつくりでHTMLの要素、CSSのプロパティ解説ページにおいても関連ページの表記を細かく行っています。 |
CSS、Flash、XHTML、Ajax等、ウェブデザインの全容を確認・勉強できる、ウェブデザイン初心者のための本。実際のコーディングに関しての説明は少なく、HTMLなどの知識は別途勉強する必要があります。 |
実際に一つのウェブサイトをつくる過程を経験しながらHTMLやCSSを理解していくスタイルをとっている本。初心者向けで非常にわかりやすい構成です。 |
中級者以降向け。独学でDreamweaver を使ってきた人など、実は便利な機能があることや正しい使い方を知らない、という人に向いています。本書はCS3を想定してかかれていますが、それ以外のバージョンであっても読むことはできます。 |
ウェブサイトの制作に沿った形で参照できるDreamweaver の解説本。逆引きリファレンスのような感覚で、知りたい箇所から読んで理解することができる、非常に分かりやすい本。初心者~中級者向け。 |
ウェブ制作の必携ツール・・・といったら大袈裟かもしれませんが、HTMLとCSSを一通り覚えたら、Dreamweaver を使って制作した方が圧倒的に楽になります。バージョンアップするごとに確実に使い勝手は向上しています。 |
ニュース
更新情報
- 2012-5-30:Information
角の丸い四角形をつくる - 2012-2-12:Information
画像を指定した形に切り抜く - 2012-2-8:Information
画像が薄くなるグラデーションをかける - 2011-12-16:Information
「クロスサイトスクリプトを防止するために、このページを変更しました」と表示され、表示されないコンテンツがある - 2011-10-25:Flash
関数、メソッド - 2011-10-24:Information
キーを押すと画面を真っ白にする(JavaScript/jQuery) - 2011-10-18:Flash
インスタンスを移動する - 2011-9-30:Information
リストを編集したら自動的にリストボックスの項目が修正されるリストボックス(Excel) - 2011-9-2:Information
複数ページのPDFを2ページずつ見開きのPDFに変換する方法 - 2011-8-26:Information
あるコンボボックスの値を参照してリストの内容を変化させるコンボボックスの作り方(ACCESS) - 2011-7-22:Flash
ループ文
- azumith
- background
- background-attachment
- background-color
- background-image
- background-position
- background-repeat
- border
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-width
- bottom
- caption-side
- clear
- clip
- color
- content
- counter-increment
- counter-repeat
- cue
- cue-after
- cue-before
- cursor
- direction
- display
- elevation
- empty-cells
- filter
- float
- font
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-variant
- font-weight
- height
- left
- letter-spacing
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- marker-offset
- marks
- max-height
- max-width
- min-height
- min-width
- orpahns
- outline
- outline-color
- outline-style
- outline-width
- overflow
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- page
- page-break-after
- page-break-before
- page-break-inside
- pause
- pause-after
- pause-before
- pitch
- pitch-range
- play-during
- position
- quotes
- richness
- right
- scrollbar-3dlight-color
- scrollbar-arrow-color
- scrollbar-base-color
- scrollbar-darkshadow-color
- scrollbar-face-color
- scrollbar-highlight-color
- scrollbar-shadow-color
- scrollbar-track-color
- size
- speak
- speak-header
- speak-numeral
- speak-punctuation
- speech-rate
- stress
- table-layout
- text-align
- text-decoration
- text-indent
- text-shadow
- text-transform
- top
- unicode-bidi
- vertical-align
- visibility
- voice-family
- volume
- white-space
- width
- widows
- word-spacing
- z-index