Как применить margin только по условию?

Question

[imha]

В статьях, используется картинки разных размеров, обычно 200 и 400 их. Как настроить css по условию, что-бы к каждой ширине применялся свой Мартин.

Comments

[Ankhena]

Покажите, пожалуйста, зачем им разный margin на сринах.
Какого именно эффекта вы хотите добиться? Т.е. расскажите истинную задачу, а не производную.

Подозреваю, что решение будет совсем другим.

[imha]

Ankhena,
Все очень просто, я хочу автоматизировать стили для изображений 2х типоразмеров.
Для 200 и 400 пх по ширине.
Они вставляются из визиоредактора в статьи, это не шаблоны.
Мне надо, для каждого типоразмера свои условия оформления (маргин, флота и.т.д.), что требует стандарт оформления статьи.
Т.к. статьи добавляют авторы, не знакомые с html и css, то после них требуются ручная доработка, что хотелось автоматизировать, тем более, что картинок может быть много... Их легко пропустить в длинных статьях.

[Ankhena]

imha, так и почему вы не можете рассказать/показать какие именно правила и какая разметка получается?

Собственно, если указаны атрибуты width, то нет проблем по ним и обращаться.
Тонкости использования селекторов атрибутов в CSS

Answer 1

[Алескей Дворяшин]

Почитайте про относительные единицы измерения, это поможет вам решить этот вопрос.
Вот пример:
<div class="img_margin"></div>

.img_margin{
    position: relative;
    width: 50vw;
    height: 50vw;
    background-color: red;
    margin-left: 10vw;
}