Latest web development tutorials
×

CSS コース

CSS コース CSS 簡単な紹介 CSS 文法 CSS Id と Class セレクタ CSS 作ります CSS 背景(background) CSS テキスト(text) CSS フォント(Fonts) CSS リンク(link) CSS リストスタイル(ul) CSS テーブル(table) CSS ボックスモデル CSS フレーム(border) CSS 輪郭(outline) CSS マージン(margin) CSS 充填(padding) CSS グループ化とネスト CSS サイズ(Dimension) CSS ディスプレイ(display) CSS 検索します(position) CSS フロート(float) CSS 整列します(align) CSS セレクタの組み合わせ CSS 擬似クラス CSS 擬似要素 CSS ナビゲーションバー CSS ドロップダウンメニュー CSS イメージギャラリー CSS 透視画像/不透明な CSS 画像モザイク技術 CSS メディアタイプ CSS 属性セレクタ CSS サマリー CSS 例

CSS3 コース

CSS3 コース CSS3 簡単な紹介 CSS3 フレーム(border) CSS3 背景 CSS3 段階的変化 CSS3 テキストエフェクト CSS3 フォント CSS3 2D 変更 CSS3 3D 変更 CSS3 トランジション CSS3 アニメーション CSS3 マルチカラム CSS3 ユーザーインターフェース

CSS レスポンシブデザイン

Viewport グリッドビュー メディアクエリ ビデオ(video) フレーム

CSS リファレンスマニュアル

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS カラー値 CSS 色名 CSS 16進数の色

CSS寸法(ディメンション)

CSSのサイズ(寸法)属性は、要素の高さと幅を制御することができます。 同様に、それはあなたが行間隔を追加することができます。


例

より多くの例

要素の高さを設定します。

この例では、高さの異なる要素を設定する方法を示します。

画像の高さのパーセンテージとしてセットを使用して

この例では、要素の高さの値の割合を使用する方法を示します。

要素の幅を設定する画素値を用いて

この例では、要素の幅を設定するには、ピクセル値を使用する方法を示します。

エレメントの最大の高さ

この例では、エレメントの最大の高さを設定する方法を示しています。

エレメントの最大の幅を設定する割合を使用

この例では、要素の幅の上限を設定するには、パーセント値を使用する方法を示します。

エレメントの最小の高さを設定します。

この例では、エレメントの最小の高さを設定する方法を示しています。

ピクセル値を使用して、要素の最小幅

この例では、素子の画素値の最小幅を使用する方法を示します。


すべてのCSSのサイズ(寸法)プロパティ

プロパティ 説明
高さ 要素の高さを設定します。
行の高さ 高いラインを設定します。
最大の高さ エレメントの最大の高さを設定します。
最大幅 エレメントの最大の幅を設定します。
分の高さ エレメントの最小の高さを設定します。
分幅 エレメントの最小の幅を設定します。
要素の幅を設定します。