Following on from the topic below (I would have continued there but that topic is now closed): [תמונה] Add border to image Support Hello all Can I add a thin border to a JPG image without resorting to a theme component? I want to keep this simple and avoid, for instance, this component: I have tried every variation of the img tag that I can think of. The only thing that worked was to embed the image in a kbd tag, but that is a bit odd. This is really what I want to write: <img src="upload://jIMXtLgb7enbLUiahXVT1Jz14n4.jpeg" alt="photo showing derelict medium voltage power pole" width="75%" style="border: 1px … The rendering of a custom CSS‑styled image file seems to have a small bug — namely the right‑side 1px black solid border is not displayed. Shrinking the image to 95% fixes the problem. The custom CSS is border : 1px solid black. The editing preview renders correctly — but the live version does not. An example can be found here. As I said, this is a small bug, but one probably worth fixing. TIA. I can avoid this problem by also setting width : 98% but I don’t think I should have to do that? Any thoughts?

Looks like it just needs box-sizing to make the auto width account for the border. .cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) { border: 1px solid #000; box-sizing: border-box; }

@ admins: perhaps the code in this post could be duly modified (or is that against protocols): https://meta.discourse.org/t/add-border-to-image/363471/3

בעיה בהצגת תמונה תחת CSS מותאם אישית

תמיכה

robbie.morrison (Robbie Morrison) 14 במאי,‏ 2025,‏ 7:01am 4

@Alteras That works. A quick round of applause!

נושא		תגובות	צפיות
Add border to image Product Support	9	550	28 באפריל,‏ 2025
Inline preview images are sometimes cut off left or right by one pixel Product Support	10	894	27 במרץ,‏ 2022
Images in posts too wide when “max image width” is set Product Support	11	1161	22 באוגוסט,‏ 2019
Creating a box/shaddow around images Product Support	4	869	16 במרץ,‏ 2019
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2422	30 באפריל,‏ 2025

בעיה בהצגת תמונה תחת CSS מותאם אישית

נושאים קשורים