HOME
|
サイトマップ
|
営業日カレンダー
|
お問い合わせ
SaaS一覧
システム受託開発
業務内容/実績
会社案内
カテゴリー:サーバー、web、ネットワーク関連
株式会社コニファ・無料で使えるBtoB WEB受注システム・0万石 WEB受注システム(バナー用3)
無料で使えるBtoB WEB受注システム
0万石 WEB受注システム
使える無料のwebサービス7・ CSS Sandbox・CSSの処理をチェック
CSS-Sandbox
:
http://aurelio.net/css-sandbox/
ちょっとCSSの処理を確認したいとき,便利なサービスです。ページ下段(バックの色が薄いグレー部分)で「border-style」など多くのCSSコードを選択できるようになっています。選択したいコードをクリックすると、コードのバックの色がピンクに変わり、動的に処理が反映されます。
処理の対象は、ページ上段中央に表示されているテキストbox(下の例では、アクア色の囲み)です。
右上の3つのボタンは、上からそれぞれ「ヘルプ」、「パラグラフ」、「リスト」となっていて、 マウスをのせると動的に処理をします。「ヘルプ」は、このページの使い方を別ウィンドウで表示、「パラグラフ」は、中央の処理対象テキストboxをパラグラフとして表示、「リスト」は同じくリストとして表示します。
いろいろCSSを変更してみて、気に入ったスタイルができ上がったら、画面右下の「<CODE>」の上にマウスをのせます。すると右図のようにCSSコードが別ウィンドウ上に表示されますので、このコードをコピーペーストして、自分のhtmlや外部css、phpなどに利用することができます。
注意:Windows IE6で、この画面(CSSコードを多く選択し、スクロールバーがでた場合)の文字をマウスドラッグして、すべて選択しようとすると、よほどタイミングよくない限り、ウィンドウが閉じてしまい、コピーできません(私だけかもしれませんが。ちなみにFirefoxは大丈夫です)。そんなときは、開いた別ウィンドウ上で一度クリックし、「Ctrl」+「A」ですべてを選択、「Ctrl」+「C」でコピーしましょう。
株式会社コニファ:ミニbanner画像include用-1(フルパス)
株式会社コニファのSaaS、ASP
|
コニファHOME
|
サイトマップ
|
会社案内
|
eメール
|
Copyright© 2019 Conifer,Inc. All rights reserved.