「CSS」display:inline-blockでブロック要素ボックスを生成する
構文
display:inline-block
この要素はブロック要素ボックスを生成しますが、
周囲のコンテンツに対しては単一のインラインボックスであるかのように流れるようになります (置換要素の場合と似ていま ...
「CSS」display:list-itemでリストの項目を表示する
書式
display: list-item;
list-item 単独の値を指定すると、要素はリストの項目のように動作します。
これは list-style-type や list-style-position ...
「CSS」scrollでスクロールで表示するサンプル
書式
overflow: scroll;
使用例
「CSS入門」 CSS のプロパティvertical-alignを使う方法
説明
vertical-align は CSS のプロパティで、インラインボックス、インラインブロック、
表セルボックスの垂直方向の配置を設定します。
構文
baseline | sub | super ...
「CSS入門」floatで浮動要素の位置を設定する方法
構文
1.キーワード値
float: none;
float: left;
float: right;
float: inline-start;
float: inline-end; ...
「CSS」captionでテーブルのタイトルを表示するサンプル
書式
<caption>タイトル</caption>
使用例
<style>table{width:150px;border-collapse:collapse;}tabl ...「CSS」background-attachment プロパティのサンプル
書式
background-attachment: scroll;()
背景は要素自身に対する相対位置で固定され、内容と共にスクロールしません。
background-attachment: fixed; ...
「CSS」nth-childで指定行のスタイルシートを適用する
書式
tr:nth-child(行目番号)
使用例
「CSS」nth-childで奇数の行にスタイルシートを適用する
書式
tr:nth-child(2n + 1)
使用例
[CSS] z-index プロパティの使い方
説明
z-index プロパティは、位置指定要素とその子孫要素、またはフレックスアイテムの z 順を定義します。より大きな z-index を持つ要素はより小さな要素の上に重なります。
構文
z-index: ...
[css]dottedで連続した丸い点(ドット)を表示する
構文
border-style: dotted;
連続した丸い点を表示します。点の間の空白の量は仕様書で定義されておらず、実装依存です。
使用例
「CSS」dashedで四角い連続したダッシュや線分を表示する
書式
border-style: dashed solid;
短く角が四角い連続したダッシュや線分を表示します。
使用例
<style> .cft { width: 250px; back ...「CSS」doubleで二重線を表示する
構文
border-style: double;
2本の直線を表示し、幅の合計は border-width で定義したピクセル数になります。
使用例
[CSS]text-alignでテーブルのタイトルを右寄せで指定するサンプル
書式
caption{text-align:right}
使用例
<style>caption{text-align:right}table{width:200px;border-collapse ...[CSS]チェックボックス要素が:checkedの定義サンプル
書式
input:checked + label {xxx}
使用例
「CSS」複数のセレクタを指定するサンプル
構文
.セレクタA .セレクタB {
//some code}
CSSコード
「CSS」ラジオボタン要素でチェックの場合CSSを定義する
書式
input:checked + label {cssの定義}
使用例
<!--ラジオボタンチェックされた場合にCSSを適用--><style> input:checked + l ...「CSS」last-childでグループの中で最後の要素を取得する方法
構文
:last-child 疑似クラスは、兄弟要素のグループの中で最後の要素を表します。
htmlコード