Problema di rendering delle immagini sotto CSS personalizzato

Supporto
1

Seguendo l’argomento sottostante (avrei continuato lì ma quell’argomento è ora chiuso):

Il rendering di un file immagine personalizzato con stile CSS sembra avere un piccolo bug — vale a dire che il bordo nero solido di 1px sul lato destro non viene visualizzato. Ridurre l’immagine al 95% risolve il problema. Il CSS personalizzato è border : 1px solid black. L’anteprima di modifica viene visualizzata correttamente — ma la versione live no. Un esempio può essere trovato qui. Come ho detto, questo è un piccolo bug, ma probabilmente vale la pena correggerlo. Grazie in anticipo.

Posso evitare questo problema impostando anche width : 98%, ma non credo che dovrei farlo? Qualche pensiero?

3

Sembra che basti box-sizing per far sì che la larghezza automatica tenga conto del bordo.

.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;
}
4

@Alteras Funziona. Un breve applauso!

5

@ admin: forse il codice in questo post potrebbe essere opportunamente modificato (o è contro i protocolli):

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.