crftロゴ

CSS プロパティ

このエントリーをはてなブックマークに追加

 ファイル(F)  編集(E)  オブジェクト(O)  書式(T)  選択(S)  効果(C)  表示(V)  ウィンドウ(W)  ヘルプ(H)

CSS プロパティ

 選択したオブジェクトを条件にしたがってCSSで表現し出力します。生成されたCSSはファイルとして書き出すことが可能で、複雑に描画した部分は.pngファイルとして配置画像用に出力されます。

テキストを選択

illustrator CSS プロパティ テキスト

 テキストを選択してみると即座にCSSプロパティウィンドウにスタイルシートが生成されます。クラス名は.stに指定されます。

シェイプを選択

illustrator CSS プロパティ シェイプ

 結構便利でボックスのスタイルなどを視覚的に調節していくと、スタイルシートが自動的に変化していきます。

上記の生成されたスタイルを実際にこのボックスに適用してみました。

.sikaku{background : #EFEFEF;background : rgba(239, 239, 239, 1);border-style : Dashed;border-color : #3D3B94;border-color : rgba(61, 59, 148, 1);border-width : 1px;border-radius : 15px;-moz-border-radius : 15px;-webkit-border-radius : 15px;}

スタイルシートの書き出し

 書き出し時にはオプションパネルが表示され、より詳細な書き出し設定が可能です。

illustrator CSS書き出しオプション