Volite web dizajn?
Zašto ne podijelite svoje znanje s cijelim svijetom? Svatko može pisati za Kroativ i na taj način se promovirati.
CSS border styles
Css border styles
Border ili obrub oko nekog elementa na web stranici možemo odrediti u Css-u. Borderu možemo dati boju, debljinu i stil. Svi već znamo za tri osnovna stila:
Solid (puna crta),
Dashed (isprekidana crta) i
Dotted (točkasta crta), no znate li da ih ima još?
css border style property
Prva četiri primjera imati će boju koja je određena u Css-u ( u ovom slučaju #a15639)
U prva tri primjera moramo sami odrediti širinu bordera inače se neće vidjeti.
Duplom borderu ne moramo odrediti širinu, ali možemo ako je veća od 3px. Veća širina daje deblje linije i veći razmak između njih.
Ostali stilovi ( inset, outset, ridge i groove) zadanu će boju modificirati u tamniju i svjetliju nijansu kako bi dobili 3D efekt. Njihova defaultna širina je 3 px a možemo je odrediti i sami.
Širinu bordera možemo odrediti u px ili kao “thin” , “medium” ili “thick”.
Razne stilove obruba možete pogledati i kopirati na stranici http://www.weberica.net/demo/borders.html
Slični sadržaj:
- Višestruke teksture u pozadini body layera (Jako slično)
- Specijalni simboli ♪ ★ ➡ HTML special characters ★ ♥ ☝✿ ☀ ☼ ☁ ☂ (Jako slično)
- Jquery image map (Jako slično)
- Simple drop down multilevel horisontal menu (Jako slično)
- Search box instalacija - kako ga pokrenuti? (Jako slično)
Još nema komentara, Vi možete biti prvi!
Ostavite komentar
Autori s više od 10 komentara nemaju tag nofollow na svojim linkovima! Zabranjeno je vrijeđanje, omalovažavanje ili na bilo koji drugi način ometanje normalnog toka komentara. Također je zabranjeno oglašavanje u komentarima i sve druge vrste spam-a.