ヘッダー・コニファロゴ
ヘッダー・コニファロゴ2
コニファ・シンボルキャラクター
カテゴリー:サーバー、web、ネットワーク関連



株式会社コニファ・無料で使えるBtoB WEB受注システム・0万石 WEB受注システム(バナー用3)
無料で使えるBtoB WEB受注システム,0万石受注システム,0円,Free
無料で使える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」でコピーしましょう。
解説画像2






 

戻るボタン
Copyright© 2019 Conifer,Inc. All rights reserved.