WolframのWebサイトのコンテンツとインタラクトしたりフォームを送信したりするためには，JavaScriptを有効にしてください．有効にする方法

WebColumn

WebColumn[{expr₁,expr₂,…}]

expr_iを含むHTMLの列を表す．

WebColumn[expr,options]

指定されたオプション設定で整形された expr を表示する．

詳細とオプション

WebColumnは，Webページ上での式の並べ方とスタイルの指定に使用できる．
WebColumnをWebRowおよびWebItemと一緒に使ってWebページのレイアウトが決定できる．
WebColumn[expr,spec₁,spec₂,…]の spec_iは以下の任意のリストまたはシーケンスでよい．

	opt₁val₁,…	明示的なオプション
	"class"	現行スタイルシートからの名前付きのクラス名
	色指示子	色 (Red, RGBColor[…], …)
	大きさ指示子	大きさ (width, {width,height}, …)
	InterfaceSwitched[…]	環境によって形式を切り換える
	Scaled[…]	ウィンドウサイズと相対的な大きさ
	n（任意の数）	画素サイズ n の大きさ
	Italic	斜体
	Bold	太字
	Underlined	下線
	Dashed	境界を破線で表示
	Dotted	境界を点線で表示
	Thickness[…],Thick,Thin	境界線の太さ
	Mouseover[…]	マウスオーバーで形式を切り換える

以下は，よく使われる明示的なオプションである．

	Background	背景色
	FontSize	フォントサイズ
	FontFamily	フォントファミリ
	FontSlant	斜体 (Plain, Italic, …)
	FontWeight	太さ (Plain, Bold, …)
	Alignment	コンテンツの並べ方
	Scrollbars	スクロールバー指定
	Frame	プロットの周りに枠を置くかどうか
	FrameStyle	枠のスタイル指定
	ImageMargins	項目の周囲に残す絶対余白

"box-shadow"  "10px 5px 5px black"のような任意のCSS特性オプションが指定できる．

例題

すべて開くすべて閉じる

例 (1)

単一のWebColumnをクラウドに配備する：

Scaledを使ってページ全体のレイアウトを指定する：

スコープ (2)

デフォルトで，WebColumnは使用可能な表示域にフィットするように拡張される：

別のWebRow内で使用されるときは，残りのサイズにフィットするように拡張される：

第2引数を使って要素サイズが指定できる：

リストを使って幅と高さが指定できる：

Automaticを使ってサイズがコンテンツにフィットするように指定したり，Fullを使って残っている全空間にフィットするように指定したりできる：

オプション (10)

Alignment (1)

一連の要素を定義する：

Alignmentオプションを使って使用可能な空間内でコンテンツをどのように並べるかを指定する：

Background (1)

BackgroundオプションでRGBColor等の任意の色指定を使って背景色が指定できる：

任意のCSS指定が使える：

FontFamily (1)

FontFamilyを使ってフォントを指定する：

FontSize (1)

FontSizeオプションを使うとさまざまな指定をすることができ，他から値を継承することもできる：

FontSlant (1)

FontSlantを使ってテキスト内の斜体字が指定できる：

FontSlantオプションを明示的に使う代りにItalic指示子を与えることができる：

FontWeight (1)

FontWeightを使って文字をどの位太くするかが指定できる：

FontWeightオプションを明示的に使う代りにBold指示子を与えることができる：

Frame (1)

グラフィック全体の周りに枠を描く：

FrameStyle (1)

全体的な枠のスタイルを指定する：

ImageMargins (1)

すべての側に20ポイントの余白を入れる：

Scrollbars (1)

WebColumnに縦横両方のスクロールバーを指定する：

縦のスクロールバーだけを使う：

特性と関係 (3)

InterfaceSwitchedを使って表示域のサイズに基づいてWebColumnのコンテンツを切り換えることができる：

InterfaceSwitchedを使って表示域サイズに基づいて特性の値を切り換えることができる：

モバイル機器の表示域にフィットするように拡張するレイアウトを指定する：

Mouseoverを使って任意の指定がラップできる：

ExportStringを使ってWebColumnをHTMLにコンパイルできる：

考えられる問題 (1)

CloudDeployはページの式から生成されたHTMLを式の評価時にアップロードする：

Delayedを使うとWebページがリクエストするたびに新しいページが生成される：

おもしろい例題 (2)

中央揃えのレイアウトにする：

いくつかのコンテンツでどう見えるか試してみる：

要素順がスクリーンの幅に依存するレイアウトにする：

トップへ