歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  cssoutline-style屬性怎么用?
 
  outline-style屬性用于設置元素的整個輪廓的樣式。樣式不能是none,否則輪廓不會出現。
 
  語法:
 
  outline-style:none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit;
 
  屬性值:
 
  ●none:默認。定義無輪廓。
 
  ●dotted:定義點狀的輪廓。
 
  ●dashed:定義虛線輪廓。
 
  ●solid:定義實線輪廓。
 
  ●double:定義雙線輪廓。雙線的寬度等同于outline-width的值。
 
  ●groove:定義3D凹槽輪廓。此效果取決于outline-color值。
 
  ●ridge:定義3D凸槽輪廓。此效果取決于outline-color值。
 
  ●inset:定義3D凹邊輪廓。此效果取決于outline-color值。
 
  ●outset:定義3D凸邊輪廓。此效果取決于outline-color值。
 
  ●inherit:規定應該從父元素繼承輪廓樣式的設置。
 
  說明:outline-style屬性需始終在outline-color屬性之前聲明,因為元素只有獲得輪廓以后才能改變其輪廓的顏色。
 
  注釋:
 
  outline是圍繞元素,它是圍繞元素的邊距;但是,它是來自不同的邊框屬性。
 
  輪廓不是元素尺寸的一部分,因此元素的寬度和高度屬性不包含輪廓的寬度。輪廓線不會占據空間,也不一定是矩形。
 
  cssoutline-style屬性示例
 
  
 
  
 
  
 
  <!DOCTYPE>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <styletype="text/css">
 
  p{
 
  border:1pxsolidred;
 
  }
 
  p.dotted{
 
  outline-style:dotted;
 
  }
 
  p.dashed{
 
  outline-style:dashed;
 
  }
 
  p.solid{
 
  outline-style:solid;
 
  }
 
  p.double{
 
  outline-style:double;
 
  }
 
  p.groove{
 
  outline-style:groove;
 
  }
 
  p.ridge{
 
  outline-style:ridge;
 
  }
 
  p.inset{
 
  outline-style:inset;
 
  }
 
  p.outset{
 
  outline-style:outset;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <pclass="dotted">點線輪廓</p>
 
  <pclass="dashed">虛線輪廓</p>
 
  <pclass="solid">實線輪廓</p>
 
  <pclass="double">雙線輪廓</p>
 
  <pclass="groove">凹槽輪廓</p>
 
  <pclass="ridge">壟狀輪廓</p>
 
  <pclass="inset">嵌入輪廓</p>
 
  <pclass="outset">外凸輪廓</p>
 
  <p><b>注意:</b>如果只有一個!DOCTYPE指定IE8支持outline屬性。</p>
 
  </body>
 
  </html>







本文轉載自中文網
 

如需轉載,請注明文章出處和來源網址:http://www.5015168.live/rumen/r56040.shtml

民生银行股票行情