vesna

前回の記事で紹介したbox-shadowプロパティと 同じように文字にも影を付けることができます。 text-shadowプロパティを使います。 box-shadowプロパティと同様に、 影の距離、ぼ ...

ボックスに影を付ける時に使用するのが 「box-shadow」プロパティです。 これの値に影の距離やぼかしの距離、影の広がりの 数値を設定します。 それぞれの値は、半角スペースで区切ります。 水平方向 ...

円形グラデーションは、ボックスの中心から外へ広がる グラデーションで、値は「radial-gradient」で表します。 書き方は以下のように書きます。 background:radial-gradi ...

CSS3から背景やボーダーにグラデーションを付すことが できるようになっています。 表現できるグラデーションには、円形グラデーションと 線形グラデーションの２つがあります。 値 説明 linear-g ...

今回書き留めておくのが、タイトルの通りです。 前回は水平方向と垂直方向の角丸が同じ場合を 紹介しました。今回は違う場合の設定方法を 紹介します。 今回はCSSのコード内にコメントを追記しました。 [c ...

<div><section>などブロックレベル要素に 背景色をつけたとき、その角は直角です。 この角をborder-radiusプロパティを使って丸く 表示することができます。 ...

このプロパティはコンテンツの透明度を設定することができます。 透明度の表す数値は０~１．０で、０は完全に透明で１．０は 完全に不透明になります。 [crayon-69a6c2678fc8f983627 ...

コンテンツの重なりの順番を設定するときに使用するプロパティは z-indexプロパティです。posisitonプロパティを一緒に使用することで 要素の重なりの順番を設定できます。z-indexは数値で ...

要素にはブロックレベル要素とインラインレベル要素というものが あります。 サンプルプログラムを実行して頂ければわかるかと 思いますが、文章の途中で<img>タグを入れた文章ですが、 表示が ...

width,heightを使って高さを設定したコンテンツを入れる箱に、 サイズを超えるもの、画像やテキストを入れるとどうなるのか。 今回はその事態に起きてしまった時に対処する情報を 書いていきます。 ...