Svojstvo graničnog stila u css-u ili kako svoju web stranicu učiniti privlačnijom

Nije tajna da je dizajn web stranica jedan od ključnih zadataka za programera. Na kraju krajeva, to je prvi utisak koji korisnik stekne prilikom gledanja web stranice koji formira opštu ideju i mišljenje o vašem resursu.

Web dizajneri se suočavaju sa važnim zadatkom, a to je stvaranje svijetlog, jednostavnog, ali u "u isto vrijeme catchy" izrada sajtova. Da bi se HTML stranicama dao lijep izgled, u CSS-u se koriste različita svojstva: stil obruba i mnoga druga. O njihovoj pravilnoj upotrebi i primeni i biće reči u ovom članku.

Stil ruba u CSS-u

Korišćenje ovog svojstva odnosi se na sve objekte koji se mogu nalaziti na web stranici. Koristi se za formiranje graničnog stila različitih objekata. Važno je napomenuti da se svakoj od stranica obruba može dati vlastiti atribut ako prilikom pisanja svojstva border style u CSS-u navedite jednu od stranica umjesto stila: gornju, donju, lijevu, desnu. Oni znače gornju, donju, lijevu i desnu granicu, respektivno.

Samom svojstvu stila obruba u CSS-u može se dati jedna od sljedećih vrijednosti, koje su prikazane na slici ispod.

Programer može promijeniti debljinu granica ili njihovih margina iz teksta. Takođe je moguće za promjenu boje korišćenje svojstva boje stila obruba u CSS-u. Ispod su različite opcije za obrube debljine 1, 3, 5, 7, 9 piksela, respektivno.

Kombinovanje osobina

To vrijedi bilježenje, da se svojstva granica mogu kombinovati jedni s drugima koristeći kovrčave zagradama. Da biste to učinili, morate u njih redom upisati sve vrijednosti svojstava koje želite postaviti za stil obruba u CSS-u. Imajte na umu da ako ste propustili neka svojstva i nije ih navesti, oni su postavljeni od strane sistema po defaultu.

CSS: stil obruba do tabele

Posebnu pažnju treba obratiti na takvu oznaku kao što je tabela, koja pomaže u kreiranju tabela na web stranicama. Da bi se sva gore navedena svojstva primijenila na ćelije tablice, odnosno na njihove granice, potrebno je posebno svojstvo kolapsa granice. Zašto vam je potrebno posebno svojstvo koje se odnosi isključivo na tabele? Sve je mnogo jednostavnije nego što se čini na prvi pogled. Ako kreirate zasebnu konturu za svaku ćeliju u tablici, pojavljuju se dva značajna nedostatka:

• Ako u tabeli ima puno ćelija, trebat će puno vremena i značajno povećati težinu koda;
• Kada dizajnirate svaku ćeliju tabele odvojeno, granice susednih ćelija će se preklapati jedna s drugom, što takođe povećava težinu koda, a takođe možda neće izgledati baš atraktivno.

Dakle, kolaps pomaže, jednostavnim rečima, ", za lijepljenje" zajedničke granice. Koje vrijednosti ovo svojstvo može uzeti u tabelama? Moguće opcije su navedene u nastavku:

• kolaps - postoji jedna linija između ćelija. Ćelije "su zalijepljeni"zajedno ;
• odvojeno - svaka ćelija formira određeni okvir oko sebe, odvajajući ga od drugih ćelija;
• naslijediti - prilikom primjene ovog atributa vrijednost se nasljeđuje od prethodnih.

Zaključak

Nadajmo se da se naš članak pokazao korisnim i bilo Vam je zanimljivo pročitati ga. Zapamtite da je vizuelna komponenta sajta najvažniji faktor koji utiče na njen dalji razvoj i promociju. Originalan i nezaboravan dizajn uvijek će odjeknuti kod publike i poboljšati vaše brojke o prisutnosti.