css - 位置:絶対のときにLeftプロパティを削除する方法は?

Question

特定の言語が選択されたときに、サイトの CSS を RTL バージョンにオーバーライドしています。

絶対配置が必要な要素があります。LTR バージョンではleft: 0px;、左に揃えています。RTL バージョンでは、で反対のことをしたいのですrightが、leftプロパティはオーバーライドされていないため、左側のままです。

オーバーライド中に none に設定するか、完全に削除するにはどうすればよいですか?

score 343 · Accepted Answer

left:auto;

これによりleft、デフォルトでブラウザのデフォルトに戻ります。

したがって、マークアップ/CSS が次のようになっている場合:

<div class="myClass"></div>

.myClass
{
  position:absolute;
  left:0;
}

RTL を設定するときは、次のように変更できます。

<div class="myClass rtl"></div>

.myClass
{
  position:absolute;
  left:0;
}
.myClass.rtl
{
  left:auto;
  right:0;
}

score 23 · Accepted Answer

将来的にはleft: unset;、left の値を設定解除するために使用します。

2014 年 11 月 4 日現在unset、Firefox でのみサポートされています。

私の推測では、IE 11 が適切に段階的に廃止される 2022 年ごろに使用できるようになるでしょう。

3 に答える 3