<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>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                # CSS background-repeat 屬性 ## 實例 ``` body { background-image: url(stars.gif); background-repeat: repeat-y; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 background-repeat 屬性。 注釋:任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。 ## 定義和用法 background-repeat 屬性設置是否及如何重復背景圖像。 默認地,背景圖像在水平和垂直方向上重復。 ### 詳細說明 background-repeat 屬性定義了圖像的平鋪模式。 從原圖像開始重復,原圖像由 [background-image](/cssref/pr_background-image.asp "CSS background-image 屬性") 定義,并根據 [background-position](/cssref/pr_background-position.asp "CSS background-position 屬性") 的值放置。 | 默認值: | repeat | | --- | --- | | 繼承性: | no | | --- | --- | | 版本: | CSS1 | | --- | --- | | JavaScript 語法: | _object_.style.backgroundRepeat="repeat-y" | | --- | --- | ## 提示和注釋 提示:背景圖像的位置是根據 background-position 屬性設置的。如果未規定 background-position 屬性,圖像會被放置在元素的左上角。 ## 可能的值 | 值 | 描述 | | --- | --- | | repeat | 默認。背景圖像將在垂直方向和水平方向重復。 | | repeat-x | 背景圖像將在水平方向重復。 | | repeat-y | 背景圖像將在垂直方向重復。 | | no-repeat | 背景圖像將僅顯示一次。 | | inherit | 規定應該從父元素繼承 background-repeat 屬性的設置。 | ## TIY 實例 [如何重復背景圖像](/tiy/t.asp?f=csse_background-repeat) 本例演示如何重復背景圖像。 ``` <html> <head> <style type="text/css"> body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat } </style> </head> <body> </body> </html> ``` [如何在垂直方向重復背景圖像](/tiy/t.asp?f=csse_background-repeaty) 本例演示如何垂直地重復背景圖像。 ``` <html> <head> <style type="text/css"> body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y } </style> </head> <body> </body> </html> ``` [如何在水平方向重復背景圖像](/tiy/t.asp?f=csse_background-repeatx) 本例演示如何水平地重復背景圖像。 ``` <html> <head> <style type="text/css"> body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-x } </style> </head> <body> </body> </html> ``` [如何僅顯示一次背景圖像](/tiy/t.asp?f=csse_background-repeat_no-repeat) 本例演示如何僅顯示一次背景圖像。 ``` <html> <head> <style type="text/css"> body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat } </style> </head> <body> </body> </html> ``` ## 相關頁面 CSS 教程:[CSS 背景](/css/css_background.asp "CSS 背景") HTML DOM 參考手冊:[backgroundRepeat 屬性](/jsref/prop_style_backgroundrepeat.asp "HTML DOM backgroundRepeat 屬性")
                  <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>

                              哎呀哎呀视频在线观看