Как убрать обводку картинки в css?

@sylvester 

Чтобы убрать обводку картинки в CSS, вы можете использовать свойство border: none:

1
2
3

img {
  border: none;
}

Это свойство устанавливает отсутствие обводки у элемента img. Обратите внимание, что обводка может быть установлена также с помощью стилей, заданных в атрибуте style элемента img, или в отдельном стилевом блоке для этого элемента. Чтобы убрать обводку в этом случае, вы можете использовать то же самое свойство border: none.

Например:

1
2
3
4
5
6
7

<style>
  .no-border {
    border: none;
  }
</style>

<img src="image.jpg" class="no-border">

Или:

1

<img src="image.jpg" style="border: none;">

Это свойство работает на всех современных браузерах.

@sylvester 

Чтобы убрать обводку (border) у изображения в CSS, можно использовать свойство border и задать ему значение none:

1
2
3

img {
  border: none;
}

Также можно использовать сокращенную запись для свойств border-width, border-style и border-color, чтобы явно указать, что не нужно ставить границу:

1
2
3
4
5

img {
  border-width: 0;
  border-style: none;
  border-color: transparent;
}

В обоих случаях, это позволит убрать границу у всех изображений на странице, которые используют данный CSS-селектор (img). Если нужно убрать границу только у конкретного изображения, можно указать класс или идентификатор этого изображения в CSS-селекторе, например:

1
2
3

.my-image {
  border: none;
}