ХТМЛ5 - Пуњење

Тхе паддинг у ХТМЛ -у нам омогућава да генеришемо размак између садржаја и ивица оквира који их садржи, на овај начин можемо дати елементу ваздух и постићи занимљиве графичке ефекте.

• Подлога: Иницира паддинг за горњу ивицу, његова мерења су изражена у дужини или у процентима.
• Одступање десно: Иницира паддинг за десну ивицу, његова мерења су изражена у дужини или у процентима.
• Паддинг-боттом: Иницира паддинг за доњу ивицу, његова мерења су изражена у дужини или у процентима.
• Одступање-лево: Иницира паддинг за леву ивицу, његова мерења су изражена у дужини или у процентима.
• Подлога: Ова пречица нам помаже да извршимо иницијализацију паддинга са свим његовим границама у једном реду.

Нешто важно што морамо ограничити приликом иницијализације а паддинг Коришћење процентуалних мера је да ће се овај проценат узети само на основу ширине елемента, никако на висини.
Хајде сада да видимо са једноставним кодом како применити а паддинг у нашем ХТМЛ5 документу.

 Пример
Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.

Као што можемо видјети из овог кода, можемо истакнути прилично занимљиве ствари, ако пажљиво погледамо, већ смо примијенили друге стилове на елемент којем додајемо, односно можемо се мијешати с другим елементима да бисмо добили резултат, можемо такође видети да користимо мерну јединицу ем уместо пкИако су ове две ствари компатибилне, питање је да ли можемо видети њихову свестраност; коначно да видимо како ово изгледа у нашем прегледачу:

Хајде сада да видимо како да применимо пречицу за иницијализацију нашег паддинг у једном реду, за ово је редослед мерења паддинга следећи: Горе, Десно, Доле, Лево; Поред овога, када изостављамо вредности, друга вредност се прилагођава оној која није изостављена, на пример, ако изоставимо леву страну, она ће узети вредност десне, ако изоставимо доњу, она ће узети вредност горње, ако ставимо само једну вредност, четири стране ће узети исту вредност.
Показаћемо сву ову теорију кодексом праксе, да видимо како имплементирамо паддинг у једној линији на врло једноставан начин.

 Пример
Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.

Као што видимо, декларација паддинг -а се не мења много и штедимо неколико редова, погледајмо како би то изгледало у прегледачу:

У овом елементу креирамо га са прилично неправилном ивицом, да нисмо применили запушавање, ивица би пресрела текст, унела измене и проверила у прегледачима да види разлику.
Овим смо завршили наш водич за ХТМЛ5 паддинг, сада можемо створити размаке унутар елемената који садрже наш садржај у ХТМЛ документу, а оно што нам преостаје је да наставимо вежбање док не савладамо оно што смо научили у овом водичу.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен