Obramowanie wewnątrz

[MikołajZ.]

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.

[ap_seo]

nie podpowiem gotowego rozwiazania, ale sprobuj z pozycja obrazka

[Kazaan]

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;

[ttah]

Przykład 2 na tej stronie: https://css-tricks.com/image-rollover-borde...-change-layout/

[yavaho]

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

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>

[bocian83]

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

border niestety dobudowywuje się po zewnętrznej

[yavaho]

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.

[bocian83]

To nie lepiej dawać obrazki o 2px mniejsze na wysokość i szerokość i mieć wolne pole do manewru ?

Później będzie chciał shadow dorzucić i skończą się opcje ;p