CSS margin 屬性定義邊外補白

2022-10-04 10:15:07 字數 1471 閱讀 5818

邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.

可以檢視盒模式,程式設計客棧了解邊外補白和邊內補白.

邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).

邊外補白只有寬度width一種屬性.

margin -- 定義邊外補白

取值: &l程式設計客棧t;margin-width> | inherit

: 邊外補白寬度

inherit: 繼承

初始值: 0

繼承性: 否

適用於: 所有元素,除了 table-caption, table 和 inline-table

margin: 邊外補白

margin-width的取值

: 長度表示法

: 百分程式設計客棧比表示法,margin百分比的計算是基於生成的框的包含塊的寬度.

auto: 自動

猴子提示: margin邊外補白可以取負值;邊外補白是看不到的,因為它本身是透明的.

示例 為margin-width指定乙個值

margin: margin-top/margin-right/margin-bottom/margin-left;

p程式設計客棧#onemargins

所有邊外補白全部為12px

等價於下面的定義

p#onemargins

為margin-width指定兩個值

margin: margin-top/margin-bottom margin-right/margin-left;

p#threemargins

上下邊外補白是12px,左右邊外補白是5%(相對於整個頁面).

等價於下面的定義

p#threemargins

為margin-width指定三個值

margin: margin-top margin-right/margin-left margin-bottom;

p#threemargins

上邊外補白是12px,左右邊外補白是5%(相對於整個頁面),下邊外補白是0.

等價於下面的定義

p#twomargins

為margin-width指定四個值

margin: margin-top margin-right margin-bottom mar程式設計客棧gin-left;

p#fourmargins

上邊外補白是12px,右邊外補白是5%(相對於整個頁面),下邊外補白是-12px,左邊外補白將根據瀏覽器自動調整.

如果margin屬性後面跟隨四個值,那麼值的分配順序是從上面開始以順時針旋轉分配.

等價於下面的定義

p#fourmargins

本文標題: css margin 屬性定義邊外補白

本文位址:

CSS margin 屬性和CSS 單邊外邊距屬性

圍繞在元素邊框的空白區域是外邊距。設定外邊距會在元素外建立額外的 空白 設定外邊距的最簡單的方法就是使用 margin 屬性,這個屬性接受任何長度單位 百分數值甚至負值。css margin 屬性 設定外邊距的最簡單的方法就是使用 margin 屬性。margin用於設定物件標籤之間距離間隔,比如2...

CSS margin樣式屬性

charset utf 8 title span instyle head style border 1px solid red height 300px width 300px margin bottom 20px class in style background color black div...

CSS margin 屬性簡介

設定外邊距的最簡單的方法就是使用 margin 屬性。margin 屬性接受任何長度單位,可以是畫素 英吋 公釐或 em。margin 可以設定為 auto。更常見的做法是為外邊距設定長度值。下面的宣告在 h1 元素的各個邊上設定了 1 4 英吋寬的空白 h1下面的例子為 h1 元素的四個邊分別定義...