Skocz do zawartości

Obramowanie wewnątrz


MikołajZ.
 Udostępnij

Rekomendowane odpowiedzi

Chodzi o nadanie obramowania obrazkowi tak, aby było ono wewnątrz. Czy jest możliwe?

Szukałem, szukałem, jednak najprawdopodobniej kiepsko, bo wszelkie odnalezione sposoby nie były skuteczne.

https://border-image.com <- tu masz generator borderu, jesli tam nie ma rozwiazania to mozesz zrobic to tak jak kolega wyzej napisal, nakladajac na obrazek dodatkowego diva z position:absolute;

Edytowane przez Kazaan
Odnośnik do komentarza
Udostępnij na innych stronach

W CSS3 jest: box-shadow:inset , ale niestety nie działa na obrazki :D

Wiec podobnie jak to było w CSS2 trzeba dorabiać sobie jakieś protezy

Nie jest to idealne bo trzeba zastosować albo float

.shadow1{
position: relative;
max-width: 100%;
float: left;
}
.shadow1::before{
content:'';
position:absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow:inset 0px 0px 3px 5px rgb(0,0,0);
}

<div class="shadow1">
<img src="img.jpg" />
</div>

albo trzeba znać rozmiary obrazka

.shadow2{
width:100px;
box-shadow:inset 0px 0px 3px 5px rgb(0,0,0);
}
.shadow2 img{
z-index: -1;
position: relative;
}

<div class="shadow2">
<img src="img.jpg" />
</div>

.

Odnośnik do komentarza
Udostępnij na innych stronach

tylko, że on chciał border a nie shadow ...

border niestety dobudowywuje się po zewnętrznej

Chciał obramować wewnątrz

Za pomocą shadow mozna uzyskać efekt obramowania wewnątrz.

Podejrzewam że chodzi o to aby obrazek nie zwiekszył wymiarów po tym zabiegu.

.

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności