Swiper

スライド間の余白

script
                  
    window.onload = function () {
      const swiper = new Swiper(".swiper", {
        loop: true, //スライドの無限ループ
        slidesPerView: 3, //表示枚数
        spaceBetween: 10, // スライド間に10pxの余白を設定

        speed: 1000,  // スライド切り替え速度
      });
    }
                  
                
オプション
                  
                    spaceBetween: 10,
                    ・スライド間の余白設定
                    ・CSSで margin を付けるとスライドの位置がずれていくことがあるため、こちらで指定するのが推奨
                    ・シングル(ダブル)コーテーションで囲って文字列にすると「px」「em」「vw」「%」で指定できるようになる(spaceBetween: '20%',)

                    デフォルト:0
                  
                

・「Splide」のスライド間の余白