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の投稿や固定ページ編集、コメント承認もできるアプリ「WordPre…

    前回iPhoneからWordPressの記事を投稿、編集できるアプリ「…

  2. Web Service

    検索結果を見やすくしてくれるChrome拡張機能「Google検索でキーワードをハイライト表示」

    PCブラウザでChromeをお使いの方に便利な拡張機能のご紹介です。「…

  3. Web Service

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

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

  4. Rounded corner generator

    Web Service

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

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

  5. Web Service

    カラーコードからRGBコードに変換(その逆も)してくれる「RGB変換」

    カラーコードからRGBコードに変換してくれるサービスを探していたら理想…

  6. Web Service

    使い方もとてもシンプルで色々なBGMを流してくれる「GetWorkDoneMusic」

    GetWorkDoneMusicというWebサービスを使ってみました。…

コメント

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

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

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP