No repeat: background-repeat — CSS | MDN

Leave a Comment / Разное / By /

CSS | Свойство background-repeat — GeeksforGeeks

Улучшить статью

Сохранить статью

  • Последнее обновление: 12 сент, 2022

  • Читать
  • Обсудить

    • Улучшить статью

    Сохранить статью

    Свойство background-repeat в CSS используется для повторения фонового изображения как по горизонтали, так и по вертикали. Он также решает, будет ли фоновое изображение повторяться или нет.

    Синтаксис: 

     background-repeat: повтор|повтор-x|круглый|пробел|повтор-y|без повтора|начальный|
наследовать;

    Значение по умолчанию: Значение по умолчанию — начальное.

    Значения свойств:

    повтор: Это свойство используется для повторения фонового изображения как по горизонтали, так и по вертикали. Последнее изображение будет обрезано, если оно не помещается в окне браузера.

    Синтаксис:  

     элемент {
    фоновый повтор: повтор;
}

    Example:  

    HTML

    < html >

     

    < head >

         < title >background-repeat property title >

         < стиль 0059>

    Body {

    Справочный образ: URL (

    .             

    text-align: center;

             }

         стиль

      0

      head >

       

      < body >

           < h2 >GeeksforGeeks h2 >

           < h3 >background-repeat: Repeat; h3 >

      9 0059 9 0 9059 body0059>

      HTML >

    Выход:

    121.

    Синтаксис:  

     элемент {
    фоновый повтор: повтор-х;
}

    Пример:  

    HTML

    < html >

     

    < head >

         < title >background-repeat property title >

    < Стиль >

    Body {

    Pack-image: URL (

    . 0060

                 background-repeat: repeat-x;

                 размер фона: 200 пикселей 150 пикселей;

                 text-align: center;

    }

    Стиль >

    .Body >

    < H2 > Geeksforgeeks H2 >

    9006.9006.9006. . .9006. .9006. .9006. .9006.9006.9006.9006.9006.9006. . . . h3 >

    body >

     

    html >

    Вывод:  

    Repeat-y: Это свойство используется для установки фонового изображения, повторяющегося только по вертикали.

    Синтаксис:  

     элемент {
    фоновый повтор: повтор-у;
}

    Example:  

    HTML

    < html >

     

    < head >

         < title >background-repeat property title >

         < style >

             body {

                background-image: url(

                 background-repeat: Repeat-y;

    0059              background-size: 200px 150px;

                

    text-align: center;

             }

         style >

    head >

     

    < body >

    < h2 > Geeksforgeeks H2 >

    < H3 > Повторный переурод >

    HTML >

    Выход:

    9121 NOT-ROPET: .

    Он отображает фоновое изображение только один раз.

    Синтаксис:  

     элемент {
    фоновое изображение: нет повтора;
}

    Example:  

    HTML

    < html >

     

    < head >

    < title >свойство background-repeat title >

    < Стиль >

    .

                background-size: 400px 250px

                 text-align: center; }

         style >

    head >

     

    < body >

         < h2 >Гики для гиков h2 >

         < h3 : norepeat-ground0060 h3 >

    body >

     

    html >

    Output:  

    Supported Browsers . 0008

  • Firefox 1.0 и выше
  • Opera 3.5 и выше
  • Apple Safari 1.0 и выше

    • Статьи по теме

    Что нового

    Мы используем файлы cookie, чтобы обеспечить вам максимальное удобство просмотра нашего веб-сайта. Используя наш сайт, вы подтверждаете, что вы прочитали и поняли наши Политика в отношении файлов cookie & Политика конфиденциальности

    XF 2.2 — Фон без повтора

    JavaScript отключен. Для лучшего опыта, пожалуйста, включите JavaScript в вашем браузере, прежде чем продолжить.