<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 clip 屬性 ## 實例 剪裁圖像: ``` img { position:absolute; clip:rect(0px,60px,200px,0px); } ``` ## 瀏覽器支持 所有主流瀏覽器都支持 clip 屬性。 注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。 ## 定義和用法 clip 屬性剪裁絕對定位元素。 當一幅圖像的尺寸大于包含它的元素時會發生什么呢?"clip" 屬性允許您規定一個元素的可見尺寸,這樣此元素就會被修剪并顯示為這個形狀。 ### 說明 這個屬性用于定義一個剪裁矩形。對于一個絕對定義元素,在這個矩形內的內容才可見。出了這個剪裁區域的內容會根據 overflow 的值來處理。剪裁區域可能比元素的內容區大,也可能比內容區小。 | 默認值: | auto | | --- | --- | | 繼承性: | no | | --- | --- | | 版本: | CSS2 | | --- | --- | | JavaScript 語法: | _object_.style.clip="rect(0px,50px,50px,0px)" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | _shape_ | 設置元素的形狀。唯一合法的形狀值是:rect (_top_, _right_, _bottom_, _left_) | | auto | 默認值。不應用任何剪裁。 | | inherit | 規定應該從父元素繼承 clip 屬性的值。 | ## TIY 實例 [設置元素的形狀](/tiy/t.asp?f=csse_clip) 本例演示如何設置元素的形狀。此元素被剪入形狀中,然后顯示出來。 ``` <html> <head> <style type="text/css"> img { position:absolute; clip:rect(0px 50px 200px 0px) } </style> </head> <body> <p>clip 屬性剪切了一幅圖像:</p> <p><img border="0" src="/i/eg_bookasp.gif" width="120" height="151"></p> </body> </html> ``` ## 相關頁面 CSS 教程:[CSS 定位](/css/css_positioning.asp "CSS 定位 (Positioning)") HTML DOM 參考手冊:[clip 屬性](/jsref/prop_style_clip.asp "HTML DOM clip 屬性")
                  <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>

                              哎呀哎呀视频在线观看