CSSのmarginプロパティの設定方法-CSSチュートリアル-php.cn

ホームページ

ウェブフロントエンド

CSSチュートリアル

CSSのmarginプロパティの設定方法

php中世界最好的语言

Nov 21, 2017 pm 02:30 PM

css margin

CSSのマージン属性を設定するにはどうすればよいですか?マージンはマージンです。今回はマージン属性を使ってDIVを操作する方法を教えます。 DIV 間の間隔の操作方法

margin は、オブジェクトラベル間の距離を設定するために使用されます。たとえば、2 つの DIV ボックスが上下に配置されている場合、マージンスタイルを使用して上の 2 つのボックス間の間隔を実現できます。以下。マージンはオブジェクトの境界線の外側にあり、境界線に近いですが、マージンとパディングの位置は境界線に近く、境界線の内側にあります。

DIV CSSマージンとは、CSS属性の単語マージンを指し、背景色や色を付けずにオブジェクトの四辺に拡張されたマージンを設定します。

1. マージンの構文

Margin:10px

Marginの値は数値+HTML単位であり、auto（自動、適応）に設定することもできます

2. アプリケーション構造

Div{margin:10px}

divオブジェクトの四辺間の距離は10px

3です。マージンの説明

marginは、オブジェクトの外側のマージンと拡張されたエッジの間の距離を設定します。

margin の値には 3 つの状況があります。正の整数または負の整数に PX ピクセルなどの単位を加えたもの (margin-left:20px)、自動属性 (margin-left:) を指定できます。 auto 自動); パーセント (%) 値 (margin-left:3%) にすることができます。

マージン拡張（四辺間隔属性語を別途設定）

margin-left オブジェクトの左拡張マージン（margin-left: 5px; 左拡張距離5px）

margin-right 右拡張マージンオブジェクトの (margin-right :5px; 右拡張距離 5px)

margin-top オブジェクト上部拡張マージン (margin-top:5px; 上部拡張距離 5px)

margin-bottom オブジェクト下部拡張マージン ( margin-bottom:5px ; 以下の拡張距離は 5px です)

CSSのmarginプロパティの設定方法

DIV の背景色を設定する方法は何ですか

DIV+CSS の使い方

CSSとは

以上がCSSのmarginプロパティの設定方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7328

Java チュートリアル

1626

CakePHP チュートリアル

1350

Laravel チュートリアル

1262

PHP チュートリアル

1209

Related knowledge

Vue におけるプレースホルダーの意味 May 07, 2024 am 09:57 AM

Vue.js では、placeholder 属性は、input 要素のプレースホルダーテキストを指定します。これは、ユーザーがコンテンツを入力していないときに表示され、入力のヒントや例を提供し、フォームのアクセシビリティを向上させます。その使用方法は、input 要素にプレースホルダー属性を設定し、CSS を使用して外観をカスタマイズすることです。ベストプラクティスには、入力に関連すること、短く明確にすること、デフォルトのテキストを避けること、アクセシビリティを考慮することが含まれます。

jsでのスパンの意味は何ですか May 06, 2024 am 11:42 AM

スパンタグは、テキストにスタイル、属性、または動作を追加できます。色やフォントサイズなどのスタイルを追加するために使用されます。 idやclassなどの属性を設定します。クリック、ホバーなどの関連する動作。さらに処理または引用するためにテキストにマークを付けます。

jsでレムは何を意味しますか May 06, 2024 am 11:30 AM

CSS の REM は、ルート要素 (html) のフォントサイズに対する相対単位です。次の特性があります: ルート要素のフォントサイズに相対し、親要素の影響を受けません。ルート要素のフォントサイズが変更されると、REM を使用する要素もそれに応じて調整されます。任意の CSS プロパティとともに使用できます。 REM を使用する利点は次のとおりです。応答性: さまざまなデバイスや画面サイズでもテキストを読みやすい状態に保ちます。一貫性: Web サイト全体でフォントサイズが一貫していることを確認します。スケーラビリティ: ルート要素のフォントサイズを調整することで、グローバルフォントサイズを簡単に変更できます。

vueに画像を導入する方法 May 02, 2024 pm 10:48 PM

Vue に画像を導入するには、URL、require 関数、静的ファイル、v-bind ディレクティブ、CSS 背景画像の 5 つの方法があります。動的画像は Vue の計算プロパティまたはリスナーで処理でき、バンドルされたツールを使用して画像の読み込みを最適化できます。パスが正しいことを確認してください。そうでないと、読み込みエラーが表示されます。

プロンプトをjsでラップする方法 May 01, 2024 am 06:24 AM

JavaScript でプロンプト() メソッドを使用する場合、次の 3 つの方法で改行を実現できます。 1. 改行する位置に「\n」文字を挿入します。 2. 行に改行文字を使用します。プロンプトテキスト; 3. CSS の "white" -space: pre" スタイルを使用して改行を強制します。

jsのノードとは何ですか May 07, 2024 pm 09:06 PM

ノードは、HTML 要素を表す JavaScript DOM 内のエンティティです。これらはページ内の特定の要素を表し、その要素にアクセスして操作するために使用できます。一般的なノードタイプには、要素ノード、テキストノード、コメントノード、ドキュメントノードなどがあります。 getElementById() などの DOM メソッドを通じて、ノードにアクセスし、プロパティの変更、子ノードの追加/削除、ノードの挿入/置換、ノードのクローン作成などの操作を行うことができます。ノードトラバーサルは、DOM 構造内を移動するのに役立ちます。ノードは、ページコンテンツ、イベント処理、アニメーション、およびデータバインディングを動的に作成するのに役立ちます。