Coding » Cara Menambahkan Inner Stroke Pada Gambar Menggunakan CSS

Ada satu ubahan yang tadi saya lakukan terkait CSS pada blog saya ini yaitu penambahan inner stroke pada gambar yang tampil di bagian content blog ini, kenapa saya tambahkan inner stroke ? sebagai pembeda saja antara gambar dan warna background content, berikut ini saya share baris kode CSS yang saya gunakan:

#content img {
outline: 2px solid black;
outline-offset: -2px;
}

Penjelasan:

Baris kode CSS diatas diaplikasikan pada gambar yang tampil pada tag div dengan nama id “content”, ketebalan inner stroke yang saya gunakan sebesar 2px tipe solid warna black (hitam), karena saya tidak ingin lebar keseluruhan gambar menjadi bertambah karena penambahan stroke maka pada bagian “outline-offset” saya kasih value -2px, jadi tipe stroke-nya menjorok ke dalam (inner).