CSS

ホームページ作成に必要なCSSを紹介します。

Prev 1 234 5 6 7 Next

first-childとlast-child

[CSS]最初と最後の子要素にスタイルを適用する擬似クラス first-childとlast-child ある要素がほかの要素のはじめの子要素になっている場合に、装飾対象にしてスタイルを適用します。例えば、リストの最初の項目だけと...

:nth-child擬似クラス

[CSS] :nth-child擬似クラスの使い方 :nth-child擬似クラスは、n番目の子要素にスタイルを適用する際に使用します。ここで「n」とは、0､1,2,3....など無限大の数字のことを指します。類似する要素として...

スポンサーリンク

[CSS] 要素の表示形式を指定する「display」プロパティ要素の表示形式を指定するプロパティで、ブロックレベル要素をインラインで表示したり、インライン要素をブロックレベルとして使用できます。

[CSS] 行間(行の高さ)を指定するline-height line-heightプロパティは、行の間隔を指定する際に使用します。行間を調整して長いテキストなどを読みやすい行簡に指定できます。値には数値付きの単位を使います。行の高さには負の値を指定することはできません。

[CSS] 文字間を指定するletter-spacing letter-spacingプロパティは、文字と文字の間隔を指定する際に使用します。値は数値付きの単位を指定します。負の値を指定して文字の間隔を詰めることができまが、パーセント(%)の値は適用されません。

[CSS]空白や行の折り返しを指定しるwhite-space white-spaceプロパティは、pre要素のように要素内の空白文字をどのように扱うかを定義します。またtd要素のnowrap属性を使わず、CSSで一律に折り返しの禁止を指定できます。

word-spacingプロパティ

[CSS]単語と単語の間隔を指定するword-spacingプロパティ一見するとletter-spacingプロパティに似ているように見えますがは、word-spacingは単語と単語の間隔を指定する際に使用します。値は数値付きの単位を指定します。

text-decoration

[CSS]テキストの装飾を指定するtext-decoration テキストに下線(underline)・上線(overline)・打ち消し線(line-through)を付けたり、点滅させる(blink)際に使用します。テキスト装飾は、子孫要素にも適用されます。

Font Awesome Icon

[CSS]「Font Awesome Icon」を使ってホームページをデザインする最近個人のブログやホームページなどウェブページ上で、下記のシンプルなアイコン付のメニューをよく見かけています。これはウェブフォント(Web Font)の一種である...

[CSS]「FontAwesome Icon」でイメージアイコンを作る「Font Awesome」の長所はアイコンがテキストとして認識されるので、サイズや色が自由に設定できることです。ウェブフォント(Web Font)は、下記の「Font Awesome」...

Prev 1 234 5 6 7 Next

スポンサーリンク