web-dev-qa-db-ja.com

margin-topと-webkit-margin-beforeの違いは何ですか

Webkitには、次の特定のマージンが追加されています。

-webkit-margin-before:
-webkit-margin-after:
-webkit-margin-start:
-webkit-margin-end:

「左から右」または「右から左」言語に関連する（margin-leftおよび-webkit-margin-start）または（margin-rightおよび-webkit-margin-end）の違いを理解しています。

私の質問は、（margin-topと-webkit-margin-before）または（margin-bottomと-webkit-margin-after）の違いは何ですか？

注：-webkitプレフィックスがchromeやsafariなどのWebkitエンジンブラウザーでのみ機能することは明らかです。この質問はそれに関連していません。

htmlcsscss3webkit
25
Arashsoft

私がこれまでに見つけた最良の答えは、-web-margin-beforeは通常のドキュメントではmargin-topと同じように機能しますが、「下から上へ」言語ではmargin-bottomとして機能します（同じ考えが-webkit-margin-after）。

このリンクで多くの「下から上へ」の言語を見つけることができます omniglot.com/writing/direction.htm （@MarkPlewisに感謝）

23
Arashsoft

ChromeおよびWebKitは-webkit-のすべてのプロパティとキーワードをサポートしますが、Safariはstartのみをサポートします（Mozillaはstartとendの両方をサポートするため、少し改善されます）。これらのプロパティはすべて機能すると言われています）ただし、Safari 6では、出荷時に、上、右、下の値を接頭辞付きのプロパティに置き換えて、スタイルの「方向」に依存しないようにする必要があります。

基本的に-webkit-を使用して、Safari、Chrome、Firefoxなどのさまざまなブラウザーをターゲットにできます。詳細記事は here にあります。

この記事では、WebKitベースのブラウザー用の基本スタイルシートの作成について説明します。

私が使用する-webkit-値を適用しないようにするために：

*, *:before, *:after {
    box-sizing: inherit;
}
0
prashmi