Как удалить CSS-свойство?

Question

[Егор Рублёв]

Добрый день, нужно удалить CSS свойство, как это можно сделать?

<div style="left: 0; top: 200px;">

Хочу удалить left: 0; и поставить right: 0;

Как это можно реализовать?

p.s если поставить просто right: 0; то объект читает left и забивает на right.

https://jsfiddle.net/salofun/6kde7bzr/

Answer 1

[Сергей delphinpro]

left: auto

Comments

[Егор Рублёв]

То есть кроме того, как скинуть значение, вариантов нету?

[Сергей delphinpro]

Егор Рублёв: Встречный вопрос: а зачем? Вы просто сбрасываете свойство на значение по умолчанию и получаете эффект, как будто бы и не устанавливали его.

[Сергей delphinpro]

С любыми свойствами так. Смотрите в доках, какое стоит значение по умолчанию, и ставите его.
Initial - штука интересная, но пока не работает везде.

[Егор Рублёв]

Сергей: ну мне в принципе нет разницы, а вот лишний код же на выходе будет?
left: auto; = 11 символов, да и не люблю грязь.

[Сергей delphinpro]

Егор Рублёв: Значит пишите стили так, чтобы их потом не пришлось переназначать.

[Сергей delphinpro]

пусть у вас есть элемент
.el { top: 200px; }
Добавьте еще пару классов

.el--right { right :0;}
.el--left { left :0;}

<div class="el el--right">
<div class="el el--left">

[Егор Рублёв]

Сергей: ну было бы всё так просто, исходную html-разметку редактировать нельзя ((

[BABLGAM222]

благодарю, очень выручил )

Answer 2

[Дмитрий Беляев]

Сброс конкретного свойства установленного через element.style.property или через атрибут style в html:

element.style.property = void 0; //void 0 - это оператор возвращающий безопасный undefined

А вообще лучше не устанавливать свойства через атрибут style или через element.style (что равносильно), манипулируйте классами

ну было бы всё так просто, исходную html-разметку редактировать нельзя ((

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