Stilovi rubova - div

Bez upotrebe div-ova uređivanje rubova je bilo veoma teško i nezahvalno. Sada kad je CSS napokon došao na svoje mjesto pri dizajnu web stranica možemo veoma lako stavljati ili uređivati rubove. Da bi imali što više mogućnosti pri dizajnu web stranica donosimo pregled stilova koje možete primijeniti na rubove div elementa.
Border atribut div elementa ima tri vrijednosti koje se mijenjaju, a to su:

1. širina
2. stil
3. boja

Naravno, kombinacijom ove tri vrijednosti možemo dobiti zadovoljavajući izgled rubova. Atributi koje ćemo upotrijebiti su border-width, border-color i border-style. Osim ovih atributa koji se odnose na sve četiri strane div-a možemo upotrijebiti i specifične atribute za svaku stranu upotrebljavajući:

1. border-top - gornji rub
2. border-left - lijevi rub
3. border-bottom - donji rub
4. border-right - desni rub

Sa ovim atributima svaku pojedinu stranu uređujemo posebno. Evo i primjera:

<div style="width:300px;height:40px; border: red 3px dashed; border-top: #0000FF 3px solid; border-bottom-style: ridge;"> Neki tekst </div>

Sada idemo napraviti još nekoliko primjera koristeći sva tri atributa, a koristit ćemo i preostale stilove.

border: red 3px solid;

border: red 3px dashed;

border: yellow 4px ridge;

border: yellow 4px double;

border: yellow 4px inset;

border: yellow 4px dotted;

border: yellow 4px outset;

border: yellow 4px groove;

Ako nastavimo uređivati div elemente možemo imati zaista dobar tekstualni okvir u kojem ćemo istaknuti bitne stvari na našem webu.

Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!

Autor: Vedran

Datum objave: 21.01.2008

Za vas smo izdvojili:

■  Korištenje stilova u tablicama
■  Stilovi za linkove
■  Stiliziranje tekst okvira
■  CSS-om do balona za komentare
■  Zaobljeni rubovi bez slika

Zadnjih 5 članaka

■  Lozinke, lozinke …
■  Kako prebaciti PDF u Word dokument
■  Kako postaviti stranicu na Internet
■  Cyclic Redundancy Check error
■  Riješite se Antivirus 2009 - rogue programa

KOMENTARI:

Nema još ni jednog komentara.

Samo registrirani korisnici mogu komentirati.