<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                # CSS outline-style 屬性 ## 實例 設置輪廓的樣式: ``` p { outline-style:dotted; } ``` ## 瀏覽器支持 所有瀏覽器都支持 outline-style 屬性。 注釋:如果規定了 !DOCTYPE,則 IE8 支持 outline 屬性。 ## 定義和用法 outline-style 屬性用于設置元素的整個輪廓的樣式。樣式不能是 none,否則輪廓不會出現。 outline (輪廓)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。outline 屬性設置元素周圍的輪廓線。 注釋:請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以后才能改變其輪廓的顏色。 注釋:輪廓線不會占據空間,也不一定是矩形。 | 默認值: | none | | --- | --- | | 繼承性: | no | | --- | --- | | 版本: | CSS2 | | --- | --- | | JavaScript 語法: | _object_.style.outlineStyle="dotted" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | none | 默認。定義無輪廓。 | | dotted | 定義點狀的輪廓。 | | dashed | 定義虛線輪廓。 | | solid | 定義實線輪廓。 | | double | 定義雙線輪廓。雙線的寬度等同于 outline-width 的值。 | | groove | 定義 3D 凹槽輪廓。此效果取決于 outline-color 值。 | | ridge | 定義 3D 凸槽輪廓。此效果取決于 outline-color 值。 | | inset | 定義 3D 凹邊輪廓。此效果取決于 outline-color 值。 | | outset | 定義 3D 凸邊輪廓。此效果取決于 outline-color 值。 | | inherit | 規定應該從父元素繼承輪廓樣式的設置。 | ## TIY 實例 [設置輪廓的樣式](/tiy/t.asp?f=csse_outline-style) 本例演示如何設置輪廓的樣式。 ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> p { border: red solid thin; } 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> <p class="dotted">A dotted outline</p> <p class="dashed">A dashed outline</p> <p class="solid">A solid outline</p> <p class="double">A double outline</p> <p class="groove">A groove outline</p> <p class="ridge">A ridge outline</p> <p class="inset">An inset outline</p> <p class="outset">An outset outline</p> <p><b>注釋:</b>只有在規定了 !DOCTYPE 時,Internet Explorer 8 (以及更高版本) 才支持 outline-style 屬性。</p> </body> </html> ``` ## 相關頁面 CSS 教程:[CSS 輪廓](/css/css_outline.asp "CSS 輪廓") CSS 參考手冊:[outline 屬性](/cssref/pr_outline.asp "CSS outline 屬性") HTML DOM 參考手冊:[outlineStyle 屬性](/jsref/prop_style_outlinestyle.asp "HTML DOM outlineStyle 屬性")
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看