Употреба ивица и позадина у ХТМЛ5

Постоји својства која се широко користе у ХТМЛ -у и ЦСС -у, као што су ивице и позадине, Од уградње ЦСС3, они су побољшани на такав начин да можемо имати заобљене ивице, на примјер, иако је то нешто што изгледа прилично једноставно, ово у прошлости није било доступно, па се ове функционалности сада на прилично начин проширују дело и дизајнера и програмера.
Приликом примене ивице морамо узети у обзир 3 веома важна атрибута, а то су:

• ширина ивице: иницијализује ширину ивице.
• гранични стил: иницијализује стил за исцртавање ивице.
• боја ивице: иницијализује боју ивице.

Када се упознате са својствима, погледајмо једноставан пример примене ивице:

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

Да бисмо дефинисали ширину ивице можемо радити на основу 3 мерења, по јединицама мере као што су пиксела, цм, ем; процентима и унапред подешеним вредностима, као што су, танки, средњи и дебели.
Дефинишемо врсту ивице са стилом, за то имамо следеће опције:

• ниједан
• испрекидано
• тачкасто
• дупло
• жлеб
• инсет
• на почетку
• гребен
• чврст

Погледајмо сада графички шта значи сваки од ових стилова:

Постоји и могућност примене обруба и стила на сваку страну елемента, за то ћемо користити следећа упутства:
[цолор = # д3д3д3] ширина обруба
бордура-топ-стиле
цолор-топ-цолор [/ цолор]
бордер-боттом-видтх
стил дна границе
боја ивице-дна
[цолор = # д3д3д3] ширина ивице-лево
граница-лево-стил
бордер-лефт-цолор [/ цолор]
[цолор = # д3д3д3] ширина ивице десно
гранични-десни стил
бордер-ригхт-цолор [/ цолор]
Где врх односи се на врх, дно до доњег, лево лево и јел тако на десној.
Овим чак можемо постићи комбинације врста ивица у истом елементу.
Погледајмо пример овог другог:

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

Код нам даје следеће резултате:

За креирање заобљених ивица можемо користити својство радијус што нам омогућава да означимо полупречник закривљености ивице.
Хајде да видимо како имплементирати код:

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

Ово резултира следећим екраном:

Овим закључујемо овај водич о овим елементима, сада можемо уградити побољшања у наш ЦСС без много напора и са најсавременијим технолошким алатима.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен