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