Web Service

テキストのCSSを手軽に設定できる「CSS Type Set」

ちょっと確認したい時なんかによさそうですね。フォントやフォンサイズなどといったテキストに関するCSSを手軽に設定できる「CSS Type Set」を使ってみました。フォントカラー、太字、イタリック、左揃え、中央揃え、右揃えなどといったテキストに関するCSSを簡単に指定していくだけで、コードを取得できます。ということで以下使い方です。

[ads_center]

使い方

こんな感じで、まずは「Enter Text」のボックスに好きな文字を入力していきます。ちなみに設定を変更する度にここでプレビューも確認することができます。

Enter Text内に文字を入力

フォントもこんな感じでいくつか選ぶことができます。

フォントを選択

他にもletter-spacingやline-heightなんかも設定することができます。で、最後に「View CSS」でコードを取得でます。便利ですね。

コードを取得

ということで、テキストのCSSを手軽に設定できて、プレビューもすぐに反映されるのでテキストをスタイリングする時に活用していきたいですね。

以下からご利用できます。

関連記事

  1. Web Service

    iPhoneからWordPressの記事を投稿、編集できるアプリ「するぷろ for iPhone」を…

    このブログはワードプレスを使っているのですが、最近iPhoneから直接…

  2. Web Service

    簡単にグラデーション、角丸、ボックスシャドウなんかを作成できるジェネレーター「CSS3 Genera…

    グラデーションや角丸、ボックスシャドウなどのCSS3コードを生成してく…

  3. Web Service

    カラフルなニュースリーダーがおもしろい!GoogleChromeの拡張機能「HitFT (Japan…

    とても個人的に面白いニュースリーダーがあったので備忘録がてらご紹介しま…

  4. TodaysList

    Web Service

    シンプルで美しいToDoリスト「TodaysList」

    とてもシンプルで美しいToDoリストを発見したのでご紹介します。「To…

  5. Web Service

    自由なサイズやカラー指定でダミー画像を生成できる「PLACEHOLD.IT」

    PLACEHOLD.ITはWeb製作に役立つダミー画像を生成してくれる…

  6. Rounded corner generator

    Web Service

    CSS3の角丸を直感的な操作で作成できるジェネレーター「Rounded corner generat…

    CSS3を使って角丸を作成したい時に役立つジェネレーター「Rounde…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. F7U070bt
  2. 生きている玄米と玄米酵素ブレンド雑穀
  3. BOOST↑CHARGE Apple Watch用モバイルバッテリー

アーカイブ

PAGE TOP