Kolor obramowania {border-...-color}
Jak ustawić kolor obramowania dowolnego elementu?
- Kolor górnego obramowania:
selektor { border-top-color: kolor }
- Kolor dolnego obramowania:
selektor { border-bottom-color: kolor }
- Kolor lewego obramowania:
selektor { border-left-color: kolor }
- Kolor prawego obramowania:
selektor { border-right-color: kolor }
[Zobacz także: Wstawianie stylów]
Przykład {border-top-color}
border-top-color: red; border-top-style: solid
Przeglądarki
![]() Chrome | ![]() Firefox | ![]() Edge | ![]() Opera | ![]() Safari | Poziom wsparcia min. 2,5 roku | |
---|---|---|---|---|---|---|
border-top-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
border-right-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
border-bottom-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
border-left-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
Komentarze
- maromaro
27.04.2021 16:08
Box shadow można sobie wygodnie przetestować np. tutaj:
https://cssgenerator.pl/box-shadow-generator/
ja często korzystam z takich generatorów jak się uczę.
Zobacz więcej - Asokus
03.01.2017 22:37
Jeżeli użyję tej komendy (ustawię cień) dla diva i zaraz pod nim stworzę kolejnego to ten drugi div przyklei się do pierwszego tak że zasłoni ustawiony cień. Moje pytanie: Co zrobić aby cień rzucał się z priorytetem na wszystkie elementy strony? Dziękuję za odpowiedz!
Zobacz więcej - Comandeer
16.02.2016 23:06
Warto też od razu wspomnieć o border-image, mającym też sensowne wsparcie i pozwalającym na więcej: http://caniuse.com/#feat=border-image
Zobacz więcej - AzMoDaN
16.02.2016 22:49
Lepsza alternatywa na dziś: https://jsfiddle.net/0su56851/
Obsługiwane przez wszystko, co się liczy http://caniuse.com/#search=border-radius
Zobacz więcej - Gość
17.12.2015 12:58
u mnie wogóle nie działa czy wpiszę 1000px czy 1px nic nie zmienia :( czemu?
Zobacz więcej - Sick_Fantasy
20.05.2013 08:38
Ustawiałem w css dla kotwicy, ale znajomy już mnie skorygował, żebym dał dla obrazka to podziała i podziałało. :) Inne problemy też już udało się rozwiązać lepiej lub gorzej. ;)
Zobacz więcej - Roberto
20.05.2013 08:35
A dla jakiego elementu ustawiłeś brak obramowania? Ustawienie tego dla obrazków w odnośnikach działa zawsze.
Zobacz więcej - Sick_Fantasy
20.05.2013 07:06
Szerzej kwestie opisałem tu. http://www.forumweb.pl/tworzenie-stron-www/wyswietlanie-strony-pod-roznymi-przegladarkami,76434
Ale nikt nic nie napisał a potrzebuje pomocy.
Pod IE 8 w linkach z obrazkami wyskakuje mi obramowanie obrazka co generalnie psuje mi wygląd strony. Próbowałem to usunąć na...
Zobacz więcej - Roberto
08.05.2013 22:14
kamilexoN - tylko w nowszych przeglądarkach i nie w IE
http://caniuse.com/border-image
Zobacz więcej - kamilexoN
08.05.2013 18:51
Pytanko mianowicie mogę ustawić zdjęcie jako np. dolne obramowanie?
Zobacz więcej