Re: [css-d] Some Way to Clip Image and Keep Border
> On Oct 4, 2016, at 7:43 AM, Rick Gordonwrote: > > Is there some way, using clip-path or some other way, to clip (for instance) > the top and/or bottom edges of an image without losing the image border on > the clipped edges? An image editor ? How is the border on the image generated? img { border: 10px solid } or something like that ? In those cases `clip-path` will clip the border and everything on the clipped edges. And it has only limited support so far. I’m not 100% clear of what you want, though. Do you want to actually crop an unwanted part of the image? Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Some Way to Clip Image and Keep Border
That is how I would do it. Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Oct 3, 2016, at 5:43 PM, Rick Gordonwrote: > > I'm sure that I could do it by nesting the unbordered image in a bordered > div, but I'm looking to do this in a client's blog where that would > overcomplicate the post entry. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Some Way to Clip Image and Keep Border
Is there some way, using clip-path or some other way, to clip (for instance) the top and/or bottom edges of an image without losing the image border on the clipped edges? I'm sure that I could do it by nesting the unbordered image in a bordered div, but I'm looking to do this in a client's blog where that would overcomplicate the post entry. ___ RICK GORDON EMERALD VALLEY GRAPHICS AND CONSULTING ___ WWW: http://www.shelterpub.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/