現在的位置: 首頁 > web前端 > 正文

text indent參數示例

2020年07月21日 web前端 ⁄ 共 689字 ⁄ 字型大小 評論關閉

  text-indent是用來設定文本塊中第一行的縮進。


  text-indent參數


  length:百分比數字|由浮點數字和單位標識符組成的長度值,允許為負值。請參閱長度單位


  text-indent版本:CSS1


  說明編輯


  檢索或設置對象中的文本的縮進。


  在被另一個對象(如)斷開的對象內不能應用本屬性。


  對應的腳本特性為textIndent。


  示例編輯


  div{text-indent:5px;}//向左縮進5px;


  div{text-indent:underline10%;}


  例題:如果要首行縮進兩個字元則div{text-indent:2em;}即可了


  當然,也可以是負值了


  瀏覽器支持編輯


  所有瀏覽器都支持text-indent屬性。注釋:任何的版本的InternetExplorer(包括IE8)都不支持屬性值"inherit"。


  屬性值編輯


  css中text-indent屬性具有以下的屬性值:


  值 描述


  length 定義固定的縮進。默認值:0。


  % 定義基於父元素寬度的百分比的縮進。


  inherit 規定應該從父元素繼承text-indent屬性的值。


  text-indent實例


  本例演示如何縮進文本首行。


  <html>


  <head>


  <styletype="text/css">


  p{text-indent:1cm}


  </style>


  </head>


  <body>


  <p>


  </p>


  </body>


  </html>


  總之,text-indent給大家簡單的介紹了一些,希望大家多看看。

【上篇】
【下篇】

抱歉!評論已關閉.