У Таилвинд ЦСС, а маргина користи се за контролу размака око одређеног елемента. Додаје простор између примењеног елемента и његових околних елемената. Таилвинд ЦСС пружа скуп услужних програма маргина и вредности маргина који омогућавају корисницима да прилагоде размак око жељених елемената. Штавише, корисници могу да додају маргину на једну страну, као што је врх, дно, лева или десна страна одређеног елемента.
Овај блог ће показати примере за додавање маргине на једну страну елемента у Таилвинд ЦСС-у.
Како додати маргину на једну страну у Таилвинд-у?
Да бисте додали маргину на једну страну елемента у Таилвинд-у, могу се користити следеће услужне класе:
Да бисте то боље разумели, прођите кроз доле наведене примере.
Пример 1: Додајте маргину на врх елемента
У овом примеру користићемо „ мт-14 „корисна класа у „ <див> ” за додавање 14 јединица маргине на врху:
< тело >< див класа = 'х-96 мт-14 бг-љубичаста-500' >
< стр класа = 'тект-5кл тект-центер' > Маргина ин Таилвинд ЦСС стр >
див >
тело >
овде:
-
- “ х-96 ” класа поставља висину контејнера <див> на 96 јединица.
- “ мт-14 ” класа примењује 14 јединица маргине на врх контејнера.
- “ бг-пурпле-500 ” класа поставља љубичасту боју на позадину контејнера.
Излаз
Горњи излаз показује да је маргина додата на врх контејнера.
Пример 2: Додајте маргину на дно елемента
У овом примеру користићемо „ мб-14 “ разред у “ <див> ” да додате 14 јединица маргине на дну:
< тело >< див класа = 'х-96 мб-14 бг-пурпле-500' >
< стр класа = 'тект-5кл тект-центер' > Маргина ин Таилвинд ЦСС стр >
див >
тело >
Излаз
Може се видети да је маргина додата на дно контејнера.
Пример 3: Додајте маргину лево од елемента
У овом примеру користићемо „ мл-14 “ разред у “ <див> ” за додавање 14 јединица маргине са леве стране:
< тело >< див класа = 'х-96 мл-14 бг-љубичаста-500' >
< стр класа = 'тект-5кл тект-центер' > Маргина ин Таилвинд ЦСС стр >
див >
тело >
Излаз
Горњи излаз показује да је маргина додата лево од елемента контејнера.
Пример 4: Додајте маргину десно од елемента
У овом примеру користићемо „ мр-14 “ разред у “ <див> ” за додавање 14 јединица маргине са десне стране:
< тело >< див класа = 'х-96 мр-14 бг-љубичасти-500' >
< стр класа = 'тект-5кл тект-центер' > Маргина ин Таилвинд ЦСС стр >
див >
тело >
Излаз
Као што видите, маргина је ефикасно додата десно од контејнера.
Закључак
Да бисте додали маргину на једну страну елемента у Таилвинд-у, могу се користити различите класе корисности, као што је „ мл-<вредност> ”, “ мр-<вредност> ”, “ мт-<вредност> ', и ' мб-<вредност> ”. Ове класе додају маргину на леву, десну, горњу и доњу страну одређеног елемента. Корисници могу одредити различите вредности за величину маргине. Овај блог је показао примере за додавање маргине на једну страну елемента у Таилвинд ЦСС-у.