Robežu un fonu izmantošana HTML5

Tur ir īpašības, ko plaši izmanto HTML un CSS, piemēram, apmales un foni, Kopš CSS3 iekļaušanas tās ir uzlabotas tā, ka, piemēram, mums var būt noapaļotas malas, lai gan tas izskatās diezgan vienkārši, tas agrāk nebija pieejams, tāpēc šīs funkcijas tagad diezgan vienkāršā veidā paplašinās gan dizaineru, gan izstrādātāju darbs.
Piemērojot malu, mums jāņem vērā 3 ļoti svarīgi atribūti, tie ir:

• robežas platums: inicializē apmales platumu.
• robežas stils: inicializē robežas zīmēšanas stilu.
• apmales krāsa: inicializē apmales krāsu.

Kad esat iepazinies ar īpašībām, apskatīsim vienkāršu malu pielietošanas piemēru:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Lai noteiktu robežas platumu, mēs varam strādāt, pamatojoties uz 3 mērījumiem, izmantojot mērvienības, piemēram, pikseļi, cm, em; pēc procentiem un pēc sākotnējiem iestatījumiem, piemēram, plānas, vidējas un biezas.
Mēs definējam apmales veidu ar stilu, tāpēc mums ir šādas iespējas:

• neviena
• svītrains
• punktēts
• dubultā
• rieva
• ieliktnis
• sākumā
• grēda
• ciets

Tagad grafiski apskatīsim, ko nozīmē katrs no šiem stiliem:

Pastāv arī iespēja katrai elementa malai piemērot apmales un stilu, tāpēc mēs izmantosim šādus norādījumus:
[color = # d3d3d3] apmales augšējais platums
robežas augšējā stilā
border-top-color [/ krāsa]
border-bottom-width
border-bottom-style
apmales apakšējā krāsa
[color = # d3d3d3] apmales kreisais platums
robežas kreisajā stilā
border-left-color [/ krāsa]
[color = # d3d3d3] apmales labais platums
robežas labās puses stils
border-right-color [/ krāsa]
Kur tops attiecas uz augšu, apakšā uz apakšējo, pa kreisi pa kreisi un taisnība pa labi.
Ar to mēs pat varam sasniegt malu veidu kombinācijas vienā un tajā pašā elementā.
Apskatīsim pēdējā piemēru:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Kods dod mums šādus rezultātus:

Lai izveidotu noapaļotas malas, mēs varam izmantot īpašumu rādiuss kas ļauj norādīt malas izliekuma rādiusu.
Apskatīsim, kā ieviest kodu:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Rezultātā tiek parādīts šāds ekrāns:

Ar to mēs noslēdzam šo pamācību par šiem elementiem, un tagad mēs varam iekļaut mūsu CSS uzlabojumus bez lielām pūlēm un ar visprogresīvākajiem tehnoloģiskajiem rīkiem.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu