Таилвинд је ЦСС оквир који нуди скуп унапред дефинисаних вредности за различита својства, као што су боје, размаци, величине фонта итд. Међутим, понекад корисници могу желети да користе вредност која није укључена у подразумевану конфигурацију, као што је прилагођена боју или одређену маргину. У овој ситуацији могу користити произвољне вредности.
Овај чланак ће објаснити метод коришћења произвољних вредности у Таилвинд ЦСС-у.
Како искористити произвољне вредности у Таилвинд-у?
Произвољне вредности су прилагођене вредности које се могу написати директно у атрибут ХТМЛ класе без њиховог дефинисања у конфигурационој датотеци Таилвинд. Они имају префикс са угластим заградама, као што су [24пк], [2.5рем], итд. Да бисте искористили произвољне вредности у Таилвинд-у, користите нотацију угластим заградама и наведите било коју прилагођену вредност за динамичко генерисање класа корисности.
Погледајте доле наведене кораке за боље разумевање:
Корак 1: Користите произвољне вредности у ХТМЛ програму
Направите ХТМЛ програм и користите нотацију угластим заградама са било којом прилагођеном вредношћу да бисте креирали жељене класе. На пример, користили смо “бг-[#е9е516]”, “в-[600пк]”, “х-[400пк]”, “п-[13пк]”, и друге класе:
< тело >
< див класа = 'бг-[#е9е516] в-[600пк] х-[400пк] п-[13пк] м-[19пк]' >
< х1 класа = 'текст-[30пк]' > Линук савет < / х1 >
< х2 класа = 'тект-[#7405аб]' > Добродошли < / х2 >
< стр класа = 'праћење-[0.5рем]' > Сазнајте више о Таилвинду < / стр >
< / див >
< / тело >
овде:
- “бг-[#е9е516]” цласс поставља боју позадине <див> на “#е9е516” (жута).
- „в-[600пк]“ цласс поставља ширину <див> на 600 пиксела.
- „х-[400пк]“ цласс примењује висину од 400 пиксела на <див> елемент.
- „п-[13пк]“ цласс поставља допуну <див> на 13 пиксела.
- „м-[19пк]” цласс поставља маргину <див> на 19 пиксела.
- „текст-[30пк]“ цласс поставља величину фонта елемента <х1> на 30 пиксела.
- „текст-[#7405аб]“ класа је поставила боју текста елемента <х2> на љубичасту (#7405аб).
- „праћење-[0.5рем]” класа примењује размак између слова на 0,5 рем на <п> елемент.
Корак 2: Проверите излаз
Да бисте били сигурни да произвољне вредности исправно функционишу, погледајте ХТМЛ веб страницу:
Горњи излаз показује да произвољне вредности функционишу исправно како су дефинисане.
Закључак
Да бисте користили произвољне вредности у Таилвинд-у, користите нотацију угластим заградама са било којом прилагођеном вредношћу у ХТМЛ програму да бисте динамички генерисали класе. Корисници могу да користе вредности за било које својство које прихвата нумеричку или вредност боје, као што су величина фонта, боја, ширина, висина, маргина, допуна, итд. Овај чланак је објаснио метод за коришћење произвољних вредности у Таилвинд ЦСС-у.