CSSマージンとパディングの省略形プロパティの順序のニーモニック


85

1つの宣言でマージンまたはパディングを設定するための省略形プロパティの順序を思い出せません。あれは:

margin-top:    2px;
margin-bottom: 4px;
margin-left:   3px;
margin-right:  8px;

次のように書くことができます

margin: 2px 8px 4px 3px;

はい、正午から時計回りに時計を考えることで、順序を視覚化できることを理解しています。しかし、私はそれを忘れ続けています。上、右、下、左の順序をテキストで思い出す必要があります。

したがって、TBLRTRBL

この[R-名詞] [B-動詞] [L-名詞]のようなものがおそらく行く方法ですが、私は自分自身にインスピレーションが不足していると感じています。誰かがこれに役立つニーモニックに出くわしたことがあれば、私はそれを聞きたいです。良いミームのように、脳に何かが詰まったら、それを忘れることはないでしょう。

:この質問は誤った情報を提供しました-順序(コメントと回答の一部に記載されているように)は右上下左下です。(ええ、私が何を意味するのか分かりますか?-dland)


21
それはTRBLで、あなたが本当にないトラブルにそれを思い出してい
inspite

10
これは、アナログ時計に精通している人にとってはやり過ぎです。単語や頭字語などの抽象化は人間の心にとって不自然であり、TRBLを覚えてから、各文字を手動で物理的な向きに変換すると、IMOである必要があるよりも生活が複雑になります。順序を視覚的に覚えておく方がはるかに優れています。結局のところ、このコンテキストでは視覚媒体で作業していることになります:D。
mahemoff 2012年

2
また、2つまたは3つの値のみが指定された場合に何が起こるかを覚えておく必要があります。例:「マージン:3em5em;」および「マージン:3em 5em6em;」。最初のものでは、3emが上部と下部に使用され、5が左側と右側に使用されます。2つ目は、上が3、左右が5、下が6です。値を1つだけ指定するとどうなるかを覚えるのは簡単だと思います。
ハリーペコネン2015

2
私は答えが大好きですが、これはあなたがそれにアプローチする方法のためだけに最もばかげた質問でなければなりません。あなたは名詞と動詞で私を完全に失いました。それは箱であり、それに時計を入れて、それで終わります。
Eric Bishard 2015

回答:



76

実際、時計は完璧に機能します。少なくとも私にとっては、それを覚えるのに最も直感的な方法です。


1
そしてそれは絵画的にも機能します...ほとんどの場合、あなたはとにかく視覚的な線に沿って考えるつもりです。
アームストロング




12

時計回りに考えるだけで、最も簡単な方法です。一番上から始まり、周りを回っています...いくつかのばかげたフレーズよりもはるかに覚えやすいです(時計の読み方を知っている場合...)







2

TRouBLeは私に最適です。そして、3つの値のみが表示されている場合、それはTop、Sides、Bottomです-英国のユーザーにとってはTSB(政府が私たちのお金を使って救済しなければならなかった銀行)と綴っています-したがって、TRouBLeとTSBは密接に関連しています!


2

私は最初に時計回りの方向を考えますが、どこから始めたかを覚えておく必要があるかもしれないので、トラブルは常に私にとって二次的なリマインダーです。ただし、3値の省略形は、中央(または2番目)の値が2つの値(辺)を表す必要があることに気付くまで、常に混乱していました。したがって、3つの値(2番目は2つの値)は、それを思い出すのに役立ちます。


2

時計のトリックは4つの数字のショートカットで機能しますが、3つと2つの数字のショートカットにロジックはありますか?1つの数字とそれはすべてに適用されます、そしてそれは理にかなっています、しかし

1 = (T/R/b/l) 
2 = (T=b) (R=l)   
3 = (T) (R=l) (b)  
4 = (T) (R) (b) (l)

それはまったく論理的ではないようです。しかし...最初の値は上に関係し、2番目は右に関係し、3番目は下に関係し、4番目は左に関係します。反対の数字と同じ場合は指定されません。すべての値が同一でない限り、水平および垂直を宣言する必要があります。

つまり、常に上と右の値を指定し、下と左は必要に応じて分類されます。


1

あなたがアラビア語またはヘブライ語を読んでいると考えてください。ページの上部から、右から左、下に読んでください。; Pこの「ルール」の良いところは、3つの値のバージョンでも機能することです。 top right-and-left bottom

実は覚えにくいと思っていたのですが、時計の方向だと気づいたらすぐに楽になりました。


1

です

top
right 
bottom 
left

あなたが持っているものではありません

Tヒンク R IGHT BはあなたにEFORE L EAPを


余分な「あなた」がいます。
ziyuang 2014年

1

TRumBuLlコネチカットの町は常にあります




0

あなたがオリジナルのスタートレックTVシリーズ(カーク大尉と一緒に)を覚えるのに十分な年齢であるなら、まず第一に、あなたはあまりにも年をとっています。しかし、「新種クアドトリティケール」のエピソードがあります。タイトルの両方の名詞が機能します。私は過去にそれを使用しましたが、時計の例えも好みます。


0

特定の状況で攻撃するときはいつでも、時計回りの回転、つまり、時計が0から60まで円を描くように回転する方法を考えてください。

私の意見では、時計のことはTRouBLeという単語(マークされた回答として)よりも覚えやすいです。なぜなら、この単語troubleは英語に属し、英語を母国語とするすべての人は、与えられた状況に関連してTRouBLeという単語を覚えるのが簡単だと思うかもしれませんが、そうではないからです。本当に必要なときにだけ英語を使う人もいます。

時計回りの回転は世界的に非常によく知られている現象であるため、(質問されたように)何かを思い出す場合、時計の時計回りの回転についても同じことは当てはまりません。


0

いくつかの略語(なじみのあるものと考えるかもしれません):

  1. TR OU BL E(TR OU BL ESHOOTTR OU BL ESOME
  2. T E R RI BL E
  3. TR IB BL E
  4. T彼はR oyal B ritish Lのegionを
  5. T obaccoのRのOADのB asketball L eague
  6. T emporary R evenue B orrowing Lのimit
  7. T ransformational R ule- BはASED Lの収益
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.