Librrd Playground

鉄道図（レイルロードダイアグラム）を記述する独自の鉄道図を作成するレイアウトスタイルを作成するレンダリングスタイルを作成するSVG図を保存するターミナル駅は "label" または 'label' として記述できます。任意の図式は、クラス、ID、またはその両方を指定するために、波括弧 {} で囲むことができます。不要な折り畳みを防ぐには、空のシーケンスを使用します。 レイアウトスタイルシート言語はCSSに似せてモデル化されています。セレクタ言語には、4つのタグ（terminal, nonterminal, sequence, stack）、ワイルドカード、クラス、IDセレクタ、:root疑似セレクタ、および後続要素（descendant）と子（child）コンビネータがあります。特異度とカスケードはCSSと同様です。可能なプロパティは以下で説明します。 align-itemsはコンテナのアイテムの垂直方向の配置を制御します。これは継承されるプロパティです。アイテムのalign-selfはそのアイテム自体の配置を制御し、コンテナの設定を上書きします。両方のプロパティの可能な値は、top, center, bottom, baselineです。デフォルト値はtopです。align-selfに2つの値が指定された場合、それぞれアイテムの左側と右側に適用されます。 justify-contentはコンテナのアイテムの水平方向の配置を制御します。これは継承されるプロパティです。可能な値は、left, right, start, end, center, space-around, space-between, space-evenlyです。デフォルト値はspace-betweenです。 その他のプロパティ（継承されないもの、ただし注記がある場合を除く）は、flex-absorb（0から1の割合、デフォルト0、継承される）、gap（非負の数値、デフォルト0）、continuation-marker（文字列、デフォルト…）、font（最大4つのスペース区切りの文字列で、それぞれフォントファミリー、スタイル、ウェイト、サイズを指定。省略された場合はデフォルト値（sans-serif, normal, normal, 1rem）を取る）です。 レンダリングスタイルシートこれは、レンダリングされたSVGに文字通りCSSを適用したものです。SVG内の要素には、図から引き継がれたクラスやIDに加えて、レイアウトコンストラクタに対応するクラスがあります。また、図のコンストラクタと同様の方法でネストされています（途中のgタグは除く）。フォントを変更しないでください（変更できますが、テキストの範囲（したがって駅の幅）はレンダリング時ではなくレイアウト時に計算され、フォントに依存します）。