vesna

コンテンツボックスは、画面の左上だったり、親要素の左上が 基準の位置です。postitionプロパティを使用すると、相対位置や 絶対位置を変更することができます。 static デフォルト値。配置方法 ...

通販サイトやニュースサイトを眺めていると 様々なコンテンツが横に並べて配置され、 それが複数あります。 今までこのブログの記事を書いてきた内容だけでは 左右にコンテンツを並べることができません。 今回 ...

以前paddingプロパティを紹介しました。 あれはborderの内側の余白を設定するものでした。 今回紹介するのはborderより外側に余白を設ける marginプロパティです。ボックスより外側にな ...

今回、触れるのは「border」プロパティです。コンテンツ領域と 前回の記事で紹介した「padding」の「外側」を囲む４辺です。 borderは線を表すので、太さ、色、形を指定することができます、 ...

複数のタグを使用していてタグ間に余白を設けたい場合があります。 その時に使うプロパティが「paddingｰ**」プロパティです。 設定する使うプロパティは以下の通りです。 padding-top　上辺 ...

背景画像の初めの表示位置を指定できれば、 ある要素の下部にだけ背景画像を設定したり、 テキストの左側にアイコンを表示できたりします。 今回、その設定に使うのは「background-position」 ...

background-imageプロパティを使うことで、CSSで背景画像を 設定することができます。値には、背景に使用する画像の 保存場所を示すパスを設定します。 [crayon-69a6c265b0 ...

タイトルの通り文背景の色を変更していきます。 背景を変更するときに使用するプロパティは background-colorです。これに値を設定します。 background-color:red; /*背 ...

<ul>や<ol>タグでマークアップするリストは、 スタイルで先頭に表示されるマークを指定することができます。 デフォルトでは黒い丸がつきますが、 ほかにもマークは用意されてい ...

行間を設定して文字を読みやすくする。 行数の多いリストや文字数が多い段落は文字が詰まっていて 読みにくいです。ブラウザにより隙間がなく文字が詰まっている ことがあります。 その詰まった文字を見やすくす ...