css - Flex 4.6 CSS vgroupの「ギャップ」は無視されました

css apache-flex flex-spark gaps-in-visuals

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark"     
           >
    <fx:Style>    
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|VGroup {
            gap: 150;
            left: 30;
        }
    </fx:Style>
    <s:VGroup>
        <s:Label text="text1" />
        <s:Label text="text1" />
    </s:VGroup>
</s:Application>


想定どおり、VGroupは左から30ピクセルです(これはスタイルが使用されていることの私の証拠です)
しかし、それは与えられたギャップを無視します。 'gap = "150"'をVGroup-Elementに直接フィードすると、機能します。では、CSSを経由するときになぜこれが無視されるのでしょうか。

ヒントをありがとうございます。

cu、Markus
答え
gapはVGroupクラスの「プロパティ」であり、スタイルではないためです。このプロパティは、VerticalLayout#gapプロパティのラッパーにすぎません。

FlashBuilderを使用している場合は、候補リストで2つの違いを確認できます。プロパティは緑の円で表されます。スタイルは青い「テトリスブロック」の形で表示されます。

edit Leftもプロパティですが、それでも適用されます。この理由は、Flex SDKの以前のリリースでは、baselinetopbottomleftrighthorizontalCenterおよびverticalCenterがスタイルとして実装されているためです。したがって、これらをそのまま使用できる理由は、下位互換性です。
関連記事

internet-explorer - ボーダーCSSで作成した画像があります。ただし、IE互換ではありません。IEに代わるものはありますか?

html - 行の高さとフォントサイズの関係

jquery - Google+のドロップダウンボタン/ボックスを複製する

html - 順不同リストのボーダーがdivの幅全体に適合しません

jquery - ボーダーのあるタブにパーセント幅を割り当てる

css - より少ない、または縮小したCSSで作業するためのベストプラクティス

javascript - -moz-calcクロスブラウザ(ポリフィル?フック?)

html - 編集中にインラインスタイルでリンクされたスタイルシートをレンダリングするWYSIWYGエディターはありますか?

eclipse - @ font-faceコードを削除し、マシンからフォントをアンインストールしても、@ font-faceフォントが機能するのはなぜですか?

javascript - 本文がマウスホイールでスクロールしないようにしますが、テキスト領域はスクロールしません