margin、border、padding屬性

  • 時間:2018-07-02 22:47 作者:小菜鳥學前端 來源:小菜鳥學前端 閱讀:128
  • 掃一掃,手機訪問
摘要:margin屬性margin屬性使用于設置頁面中元素和元素之間的距離,即定義元素附近的空間范圍,是頁面排版中一個比較重要的概念。margin屬性的語法格式如下:margin:auto | length其中,auto表示根據內容自動調整,length表示浮點數字和單位標識符組成的長度值或者百分數,百分

margin屬性

margin屬性使用于設置頁面中元素和元素之間的距離,即定義元素附近的空間范圍,是頁面排版中一個比較重要的概念。margin屬性的語法格式如下:

margin:auto | length

其中,auto表示根據內容自動調整,length表示浮點數字和單位標識符組成的長度值或者百分數,百分數是基于父對象的高度。對于內聯元從來說,左右外延邊距能是負數值。

margin屬性包含4個子屬性,分別使用于控制元素四邊,包括margin-top、margin-left、margin-right、margin-bottom。

提醒:

在為margin屬性設置值時,假如提供4個參數值,將按順時針順序作使用于上、右、下、左4個邊;假如值提供一個參數值,將作使用于4邊;假如2個參數值作使用于,第一個作使用于上下,第二個作使用于左右;3個參數值時作使用于,第一個值作使用于上,第二個作使用于左右,第三個值作使用于下。

border屬性

border屬性是內邊距和外邊距的分界線,能分離不同的HTML元素,border的外邊距是元素的最外圍,在網頁設計中,假如計算元素的款和高,則需要把border屬性計算在內。border屬性的語法格式如下:

 border:border-style | border-color | border-width;

border邊框樣式值表

margin、border、padding屬性

提醒

border屬性不僅能使用于設置圖像的邊框,還能為其余元素設置邊框,如文字和Div等。

padding屬性

在CSS中,能通過設置padding屬性定位內容于邊框之間的距離,即內邊距。

padding屬性的語法格式如下:

 padding:length

padding屬性能是具體的長度,也能是相對于上級元素的百分比,但不能用負值。

padding屬性包含4個子屬性,分別使用于控制元素四邊,包括padding-top、padding-left、padding-right、padding-bottom。分別能為盒子定義上、右、下、左和個邊值。

Content屬性

在盒子模型中,中間部分content(內部)主要顯示內容,這部分野是整個盒模型的主要部分,其余的如對margin、border、padding所做的操作都對content部分所做的修飾,對于內容部分的操作,也就是對文字,圖像等頁面元素的操作。

margin、border、padding屬性

  • 全部評論(0)
最新發布的資訊信息
【系統環境|服務器應用】在CentOS 7上如何安裝Gogs 0.11.53(2020-02-10 10:14)
【系統環境|】淘碼庫,據消息稱已被調查。淘碼庫源碼網,已經無法訪問!(2020-01-14 04:13)
【系統環境|服務器應用】Discuz隱藏后臺admin.php網址修改路徑(2019-12-16 16:48)
【系統環境|服務器應用】2020新網站如何讓百度快速收錄網站首頁最新方法,親測有用!免費(2019-12-16 16:46)
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
手機二維碼手機訪問領取大禮包
返回頂部
广东11选5今天开奖