PR

プログラミング

プログラミング

HTML&CSS|リストの作り方

HTML の<ul> <ol> <li> タグでリストを作る方法と CSS でリストマーカーの装飾およびリストのインテント、行間の調整をする方法。
プログラミング

CSS Grid Layout(グリッドレイアウト)を使いこなす

グリッドの線番号や名前を使い自由にアイテムの位置を指定する方法と、簡単に聖杯レイアウトを作る方法。
プログラミング

CSS Grid Layout(グリッドレイアウト)の基本

CSSグリッドレイアウト(CSS Grid Layout)はグリッド(格子状のマス目)にアイテムを好きな順番に配置したり結合したりするレイアウト方法です。
プログラミング

CSS|アイテムの幅を調整する「frexプロパティ」

flexプロパティはショートハンド。flex-growプロパティは伸び率を指定し、frex-shrinkプロパティは縮み率を指定する。 frex-basisプロパティは基本幅を指定するが、主軸を縦に変更すると高さ指定になる。
プログラミング

CSS|レイアウトを組む「Flexbox」

Flexbox(フレックスボックス)とは、「Flexible Box Layout Module」の略で、Webコンテンツを適切に配置できる機能で、CSSでレイアウトを組む上での基本になります。 (adsbygoogle = window....
プログラミング

CSS|枠線を作る「borderプロパティ」

要素のまわりに線を引くことで、見出しの優先順序をわかりやすくすることや、グループ毎に線で区切ることが出来ます。線の種類・太さ・色などを自由にカスタマイズできるので、サイトを思い通りにデザインすることができます。 線の種類は「border-s...
プログラミング

CSS|余白を調整する「marginプロパティ」と「paddingプロパティ」

余白には画面を見やすくし、文章を読みやすくする大事なデザイン要素です。 要素から外側に余白を加える「margin(マージン)プロパティ」 要素の内側に余白を加える「padding(パディング)プロパティ」
プログラミング

CSS|幅を変える「widthプロパティ」高さを変える「heightプロパティ」

Webサイトのレイアウトに欠かせないコンテンツ領域のサイズ。 「widthプロパティ」幅を指定し、「heightプロパティ」は高さを指定します。 相対単位と絶対単位主。
プログラミング

HTML|表の作り方(4)行と列をグループ化

<thead> 要素、<tfoot> 要素、<tbody> 要素で表の行(横列)をグループ化することができます。 <colgroup> 要素で、表の列(縦列)をグループ化することができます。