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: [画像] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very sim…

I use the “Generic BBCode wrapper” system for this: [画像] Generic bbcode wrapper for theme components megaphoneAnnouncements I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked an…

Here is the earlier HTML copy/pasted in .. no border evident .. and kinda small too: [photo showing derelict medium voltage power pole]

.cooked img:not(.thumbnail,.ytp-thumbnail-image,.emoji), .d-editor-preview img:not(.thumbnail,.ytp-thumbnail-image,.emoji) { border: 4px solid red; } devtools hacked CSS … YMMV :rofl: [The image displays a rope ladder with no visible border and some illegibility in the text provided. (Caption…

[画像] robbie.morrison: style="border: 1px solid gray"> custom CSS gets stripped out of posts because someone could do something like border: 1000px solid gray and make the whole topic unreadable You need to add some CSS to a theme or a theme component to do this, no great way around it. You c…

Many thanks. Some follow‑up. @merefield : your example worked when added as follows: ☰ ▸ Admin ▸ Customize ▸ Themes = Default ▸ Edit CSS/HTML ▸ Desktop ▸ CSS @awesomerobot : I could not get your code to work, despite trying some variations. Note that first example is site‑wide and the second e…

This Customization > Theme component maybe of interest [画像] Rounded Borders for images, oneboxes, blockquotes & more Theme component Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics. …

@Heliosurge Tx. I had noted that component in my OP. But I will give it a try today too.

My bad skimmed topic and missed that. But as others mentioned here you would create a custom component. The benefit though of using an existing component is potentially it is already maintained. However TC are also handy to study and use parts of the code in your own custom works.

@simonk tx, that works for me and is per‑image too.

画像に枠を付ける

サポート

robbie.morrison (Robbie Morrison) 2025 年 4 月 25 日午後 3:26 3

境界線が見えず、かなり小さい以前のHTMLのコピー＆ペーストです。

Image rendering issue under custom CSS

トピック		返信	表示
Adding custom class to img tag Feature	6	3310	2017 年 10 月 20 日
Rounded Borders for images, oneboxes, blockquotes & more Theme component	10	2260	2025 年 4 月 30 日
Default theme discards CSS class for img tags. What now? Support css	2	534	2023 年 3 月 20 日
Image rendering issue under custom CSS Support	3	88	2025 年 5 月 14 日
Set featured image without posting it in the topic Support	23	283	2025 年 8 月 5 日

画像に枠を付ける

関連トピック