<%@LANGUAGE="VBSCRIPT" CODEPAGE="950"%> 拓米數位CSS串接樣式表教學文件
文件標題:[G001]顯示樣式之一display元件顯示

內容說明:

1、顯示樣式 display

教學內容:

1、顯示樣式 display

指定Html元件的顯示方式

語法:display:樣式值

範例:

樣式值 意義
display:""時

顯示元件

none

不顯示元件

block

為元件加上換行符號,使元件成為一個區塊

inline

移除元件的換行符號,使其與前後的元件組成同一區塊

list-item

成為清單的一行

範例:

若在"第二行"三個字上加上效果時,如下:

說明:事實上這九個字是一個區塊,而將中間三個字獨立出來成一區塊的設定。

語法:<span style="display:樣式值;">第二行</span>

樣式值 效  果
不設定時

第一行第二行第三行

none

第一行第二行第三行

block

第一行第二行第三行

inline

第一行第二行第三行

list-item

第一行第二行第三行

   
   最後修改日期: 2003年10月10日