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





