首頁 > web前端 > css教學 > 主體

CSS 輪廓樣式屬性

WBOY
發布: 2023-09-19 09:25:02
轉載
1430 人瀏覽過

CSS 轮廓样式属性

outline-style屬性指定圍繞元素的線條的樣式。它可以採用以下值之一 -

  • 無 - 無邊框。 (相當於輪廓寬度:0;)
  • 實線 - 輪廓是一條實線。
  • 點線 - 輪廓是一系列點。
  • 虛線 - 輪廓是一系列短線。
  • 雙 - 輪廓是兩條實線線條。
  • 凹槽 - 輪廓看起來好像是刻在頁面上的。
  • 脊 - 輪廓看起來與凹槽。
  • 插入 - 輪廓使框看起來像是嵌入在頁面中。
  • 開始 - 輪廓使框看起來像嵌入在頁面中。框看起來像是從畫布中出來的。
  • 隱藏 - 與無相同。

範例

您可以嘗試執行以下程式碼來實作outline-style屬性 -

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin solid outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick dashed outline.
      </p>
      <br />
      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>
   </body>
</html>
登入後複製

以上是CSS 輪廓樣式屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板