~解説用吹き出し編~意外と知らない?HTMLとCSSのコメントアウトよく使うテキスト、フォントに関するCSS2019年6月2日TwitterFacebookB!HatenaPocketLINELINERSSCopy今回はCSSではよく使われる文字に関するCSSを書いていこうと思います。CSSの書き方や色の指定の方法はこちらを参考にしてください。『CSSを書く場所』のそれぞれにCSSを使う場合のメリット・デメリットを追記しました。今回はCSSの中の基本的なテキストに関するCSSです。私の備忘録も兼ねて書いていきます。;colorで文字の色を変えます。;font-weightで太文字にしたり細文字にしたりできます。値nomal標準の太さ(初期値)bold太字くすbolder相対的に1段階太くするlighter相対的に1段階細くするlight細字100から900までの100単位の数値400が標準、700がboldと同じ。400以下の数値で細くなり、400以上で太くなる。これはnomalですこれはboldですこれはbolderですこれはlighterですこれはlightですこれは400ですこれは700です注意!お使いのフォントによって数値を変えても太さが変化しないことがあります。;font-sizeで文字の大きさを変更します。値には数値やキーワードを入れます。数値の単位はいくつかありますが、em(エム)、px(ピクセル)が一般的に使われます。キーワードxx-small、x-small、small、medium、large、x-large、xx-largeの7種類。mediumが標準サイズになります。これはxx-smallですこれはx-smallですこれはmediumですこれはsmallですこれはmediumですこれはlargeです。mediumより1.2倍大きくなります。oblique;font-styleで文字を斜体にします。値はnomal(初期値)、italic、obliqueのいずれかを入れます。これはnomalですこれはitalicですこれはobliqueです注意!obliqueはブラウザによって斜体になりません。文字が点滅(NetScapeのみ)これはnoneですこれはunderlineですこれはoverlineですこれはline-throughですキーワードを複数指定キーワードを半角スペースで区切ると複数指定できます。線種text-decoration-color(色)とtext-decoration-style(線種)を追加すると色と線種を変えることができます。“フォント名";font-familyを使うとフォントを変えることができます。フォント名にスペースがある場合は半角スペースを入れてください。(シングルクォーテーション)で囲んで指定します。P明朝’;">これはサンプルです。P明朝』にしています</span>これはサンプルです。;letter-spacingを使うと文字の間隔を指定することができます。値はpx(ピクセル)などの単位で指定します。初期値はnomalです。;line-heightを使うと行間を指定することができます。値はpx(ピクセル)なとの単位や比率(単位は付けない)で指定します。初期値はnomalです。ポイントline-heightは文字の大きさを含めた数値で指定します。line-heightで指定した数値から文字の大きさを引いた残りが行間となります。文字サイズが16pxでline-heightを20pxにした場合、20pxから文字サイズ16pxを引いた残りの4pxが行間となります。フォントサイズ16pxline-height:20px;で指定するとこんな感です。1で指定するとこんな感です。1.2で指定するとこんな感です。2で指定するとこんな感です。;text-alignで文字の位置を指定します。値はキーワードで指定します。RinkerAmazon楽天市場Yahooショッピング最後に今回テキストやフォントに関するCSSをまとめてみました。みなさんもよく知っているものばかりだったとは思います。他にもテキストやフォントに関するCSSはありますが、それらは必要に応じてご紹介していこうとおもいます。wスポンサーリンク応援よろしくお願いします。結耶(ゆうや)2017年9月からブログ、アフィリエイトを知識ゼロから始めたまだまだ駆け出しです。ブログやWordPress、アフィリエイトを勉強しています!多発性硬化症(MS)という難病と闘っています。記事を書く上で写真などの画像は書かせないものです。「目次を非表示にする方法」を追記しました。今回は背景や枠線をグラデーションにする方法をご紹介します。...【つぶやき】気になる副業で得た収入の確定申告2月18日(月)から平成30年分の確定申告がはじまりました。PMこんにちはランキングから来ました。ブログもフォントなどをいろいろ工夫すると見やすくなってアクセス数が増えていきますね。勉強させてもらいます。Yasunariさんこんばんは。コメントありがとうございます。私もその通りだと思います。コメントをキャンセルメールアドレスが公開されることはありません。メールアドレスは任意です。メールアドレスを入力すると返信があったことをお知らせする通知がメールで届きます。コメント名前メールアドレスウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。プロフィールこんにちは。2017年9月からブログとアフィリエイトをはじめました。多発性硬化症という難病と闘いながら、ブログやアフィリエイトの勉強をしています。初心者ですが、ブログ(WordPress)やアフィリエイトについて書いています。★応援お願いします★こちらもよろしくお願いします。...【WordPress】カテゴリーウィジェットのデザインをカスタマイズしてみた!WordPressのカテゴリーウィジェットってシンプルですよね。8メールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。yuu_ms715★フォローお願いします。ブログとTwitterを連携して更新情報をツイートしています。よかったらフォローお願いします。