Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

トップ > まとめ

CSSエントリーのまとめ

CSS まとめ

CSSに関するエントリーのまとめページです。エントリーするたびに随時更新します。

セレクタ

CSS 要素セレクタ - プログラマーな日々
要素セレクタには、HTML要素を指定します。 ...

CSS セレクタのグループ化 - プログラマーな日々
複数の種類の要素にスタイルを適用するには、要素セレクタをカンマ区切りで指定します。 ...

CSS ユニバーサルセレクタ - プログラマーな日々
ユニバーサルセレクタは、アスタリスクで表されます。ドキュメントの全ての要素にスタイルをを適用することを意味します。 ...

CSS クラスセレクタ - プログラマーな日々
クラスセレクタは、class属性のクラス名で要素を指定します。 ...

CSS 複数のクラスセレクタ - プログラマーな日々
クラスセレクタを１つにつなぐと、class属性に全てのクラス名が指定された要素が指定されます。 ...

CSS IDセレクタ - プログラマーな日々
IDセレクタは、指定されたIDの要素にスタイルを適用することを表します。 ...

CSS 単純な属性セレクタ - プログラマーな日々
単純な属性セレクタは、指定された属性をもつ要素にスタイルを適用します。 ...

CSS 単純な属性セレクタの複数指定 - プログラマーな日々
単純な属性セレクタをまとめて指定すると、指定された属性を全てもつ要素にスタイルが適用されます。 ...

CSS 属性値セレクタ - プログラマーな日々
属性値セレクタを指定すると、指定された値に一致する属性をもつ要素にスタイルが適用されます。 ...

CSS 属性値セレクタの複数指定 - プログラマーな日々
属性値セレクタを複数指定すると、指定された属性と値の組み合わせを全てもつ要素にスタイルが適用されます。 ...

CSS 部分的な属性値セレクタ - プログラマーな日々
部分的な属性値セレクタを使うと、スペース区切りで値を複数指定できる属性で、そのいずれかの値指定の有無に基づいて要素にスタイルを適用させることができます。 ...

CSS 特殊な属性セレクタ - プログラマーな日々
[attribute|="value"]という構文で、attribute属性の値がvalueで始まる要素にスタイルを適用させることができます。 ...

CSS 子孫セレクタ - プログラマーな日々
ある要素の子孫の要素にスタイルを適用します。 ...

CSS 子孫セレクタ（その２） - プログラマーな日々
子孫セレクタを他のセレクタと組み合わせることができます。 ...

CSS 子セレクタ - プログラマーな日々
子孫ではなく、ある要素の子（直下の要素）のみにスタイルを適用したい時は、子セレクタを使用します。 ...

CSS 隣接セレクタ - プログラマーな日々
ある要素の直後の要素にスタイルを適用したい時は、隣接セレクタを使用します。 ...

CSS 隣接セレクタ（その２） - プログラマーな日々
隣接セレクタを他のセレクタと組み合わせることができます。 ...

CSS リンク疑似クラスセレクタ（:link） - プログラマーな日々
リンク先にまだアクセスしていないアンカーに、スタイルを適用します。 ...

CSS リンク疑似クラスセレクタ（:visited） - プログラマーな日々
リンク先に既にアクセスしたアンカーに、スタイルを適用します。 ...

CSS 疑似クラスセレクタ（:focus） - プログラマーな日々
現在、入力フォーカスを持っている要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ（:hover） - プログラマーな日々
現在、マウスオーバーされている要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ（:active） - プログラマーな日々
入力によってアクティブになった要素にスタイルを適用します。 ...

CSS 疑似クラスセレクタ（:first-child） - プログラマーな日々
他の要素の最初の子である要素にスタイルを適用します。 ...

Silverlightエントリーのまとめ

Silverlight まとめ

Silverlight関連のエントリーのまとめです。エントリーするたびに随時更新します。

コントロール

Silverlight LabelとTextBox - プログラマーな日々
Targetプロパティで、Labelと他のコントロールと関連付けることができます。 ...

Silverlight ButtonのUIを変更する - プログラマーな日々
ButtonのUIを変更するサンプルです。 ...

Silverlight ListBoxのItemsSourceプロパティに配列を設定する - プログラマーな日々
ListBoxのItemsSourceプロパティに配列を設定するサンプルです。 ...

Silverlight ScrollViewerでスクロールバーを表示する - プログラマーな日々
スクロールバーを表示するサンプルです。 ...

Grid

Silverlight Gridの列と行のサイズを固定にする - プログラマーな日々
Gridの列と行のサイズを固定にするサンプルです。 ...

Silverlight Grid内要素のサイズによって列の幅と行の高さを自動調整する - プログラマーな日々
Grid内要素のサイズによって列の幅と行の高さを自動調整するサンプルです。 ...

Silverlight Gridの列の幅と行の高さを割合で指定する - プログラマーな日々
Gridの列の幅と行の高さを割合で指定するサンプルです。 ...

レイアウト

Silverlight WrapPanelで要素を折り返しレイアウトする - プログラマーな日々
WrapPanelで要素を折り返しレイアウトするサンプルです。 ...

Silverlight DockPanelで要素を四隅にレイアウトする - プログラマーな日々
DockPanelで要素を四隅にレイアウトするサンプルです。 ...

シェイプ

Silverlight 直線を描画する - プログラマーな日々
直線を描画するサンプルです。 ...

Silverlight Canvasにシェイプを配置する - プログラマーな日々
Canvasにシェイプを配置するサンプルです。 ...

リソース・ディクショナリ

Silverlight リソース・ディクショナリでオブジェクトを共有する - プログラマーな日々
リソース・ディクショナリでブラシを共有するサンプルです ...

Silverlight リソース・ディクショナリを外部ファイルに定義する - プログラマーな日々
リソース・ディクショナリを外部ファイルに定義するサンプルです。 ...

スタイル

Silverlight スタイルの継承 - プログラマーな日々
スタイルを継承するサンプルです。 ...

バインディング

Silverlight ElementNameプロパティでバインディングソースを指定する - プログラマーな日々
ElementNameプロパティでバインディングソースを指定するサンプルです。 ...

Silverlight Sourceプロパティでバインディングソースを指定する - プログラマーな日々
BindingクラスのSourceプロパティでバインディングソースを指定するサンプルです。 ...

Silverlight RelativeSourceプロパティでバインディングソースを指定する - プログラマーな日々
BindingクラスのRelativeSourceプロパティで、オブジェクト自身をバインディングソースに指定するサンプルです。 ...

Silverlight DataContextプロパティでバインディングソースを指定する - プログラマーな日々
ターゲットのDataContextプロパティで、バインディングソースを指定するサンプルです。 ...

HTML5エントリーのまとめ

HTML5 まとめ

エントリーする度に随時更新します。

html要素

html要素 - プログラマーな日々
ドキュメントのルートを表します ...

属性

html要素 lang属性 - プログラマーな日々
そのドキュメントの言語を表します。 ...

head要素

head要素 - プログラマーな日々
ドキュメントのメタデータを記述します。 ...

属性

なし

title要素

title要素 - プログラマーな日々
ドキュメントのタイトルを表します。 ...

属性

なし

base要素

属性

base要素 href属性 - プログラマーな日々
ドキュメントの基底URLを表します。 ...

link要素

link要素 - プログラマーな日々
リソースを表します。 ...

属性

link要素 rel属性 - プログラマーな日々
ドキュメントとリソースの関係を表します。 ...

link要素 type属性 - プログラマーな日々
リソースのMIMEタイプを表します。 ...

meta要素

meta要素 - プログラマーな日々
ドキュメントのメタデータを表します。 ...

meta要素 name属性 content属性 - プログラマーな日々

meta要素 http-equiv属性 - プログラマーな日々
プラグマ指示子を表します。プラグマ指示子の値はcontent属性で表します。 ...

meta要素 charset属性 - プログラマーな日々
ドキュメントの文字エンコーディングを表します。 ...

section要素

section要素 - プログラマーな日々
section要素はセクションを表します。この要素は章や節といった単位で使用します。 ...

nav要素

nav要素 - プログラマーな日々
nav要素はナビゲーションを構成するセクションを表します。 ...

article要素

article要素 - プログラマーな日々
article要素は独立したコンテンツを表します。例えばブログの記事が挙げられます。 ...

aside要素

aside要素 - プログラマーな日々
aside要素はコンテンツには関連しているものの比較的関連の薄い部分を表します。例えば補足記事やブログのコメント欄が挙げられます。 ...

hgroup要素

hgroup要素 - プログラマーな日々
hgroup要素は、見出しとそれに付随する小見出しをグルーピングします。 ...

header要素

header要素 - プログラマーな日々
header要素はページやセクションのヘッダーを表します。 ...

footer要素

footer要素 - プログラマーな日々
footer要素は、ページやセクションのフッターを表します。 ...

address要素

address要素 - プログラマーな日々
address要素は、サイト管理者や記事の著者の連絡先を表します。 ...

hr要素

hr要素 - プログラマーな日々
hr要素は、段落の区切れをを表します。 ...

dl要素 dt要素 dd要素

dl要素 dt要素 dd要素 - プログラマーな日々
dl要素は名前と値がセットになったリストを表します。dt要素は名前を表します。dd要素は値を表します。 ...

figure要素 figcaption要素

figure要素 figcaption要素 - プログラマーな日々
figure要素は、図表や図画を表します。 figcaption要素は、figure要素のキャプションを表します。 ...

strong要素

strong要素 - プログラマーな日々
strong要素は重要性を表します。 ...

small要素

small要素 - プログラマーな日々
small要素は細目のような注釈を表します。 ...

s要素

s要素 - プログラマーな日々
s要素は既に正確ではなくなった、既に関係なくなったとことを表します。 ...

cite要素 q要素

cite要素 q要素 - プログラマーな日々
cite要素は、引用元のタイトルや作品名を表します。 q要素は、引用文を表します。 ...

b要素

b要素 - プログラマーな日々
b要素は、他と区別するテキストを表します。 ...

i要素

i要素 - プログラマーな日々
i要素は、質の異なるテキストを表します。 ...

u要素

u要素 - プログラマーな日々
u要素は、はっきりと伝わりにくいテキストの範囲を表します。 ...

mark要素

mark要素 - プログラマーな日々
mark要素はハイライトされるテキストを表します。mark要素でマークアップされたテキストは、他の箇所から参照されることが想定されます。 ...

ruby要素 rt要素

ruby要素 rt要素 - プログラマーな日々
ruby要素はルビを伴うテキストを表します。 rt要素はルビを表します。 ...

rp要素

rp要素 - プログラマーな日々
rp要素は、rupy要素非対応のブラウザ用に表示する括弧を表します。 ...

wbr要素

wbr要素 - プログラマーな日々
wbr要素は、折り返し表示可能なテキストを表します。 ...

video要素

video要素 - プログラマーな日々
動画を表します。 ...

audio要素

audio要素 - プログラマーな日々
オーディオを表します。 ...

source要素

source要素 - プログラマーな日々
video要素やaudio要素で再生するメディアファイルを表します。source要素を使うことで複数のメディアファイルを指定できます。 ...

input要素

type属性

input要素（type属性 = search） - プログラマーな日々
検索用のテキスト入力フィールドを表します。 ...

input要素（type属性 = tel） - プログラマーな日々
電話番号用の入力フィールドを表します。 ...

input要素（type属性 = url） - プログラマーな日々
URL用の入力フィールドを表します。 ...

input要素（type属性 = email） - プログラマーな日々
メールアドレス用の入力フィールドを表します。 ...

input要素（type属性 = datetime） - プログラマーな日々
タイムゾーンがUTCの日時用の入力フィールドを表します。 ...

input要素（type属性 = date） - プログラマーな日々
日付用の入力フィールドを表します。 ...

input要素（type属性 = month） - プログラマーな日々
年月用の入力フィールドを表します。 ...

input要素（type属性 = week） - プログラマーな日々
週用の入力フィールドを表します。 ...

input要素（type属性 = time） - プログラマーな日々
時刻用の入力フィールドを表します。 ...

input要素（type属性 = datetime-local） - プログラマーな日々
タイムゾーンなしの日時用の入力フィールドを表します。 ...

input要素（type属性 = number） - プログラマーな日々
数値用の入力フィールドを表します。 ...

input要素（type属性 = range） - プログラマーな日々
範囲を制限された数値用の入力フィールドを表します。 ...

input要素（type属性 = color） - プログラマーな日々
色を指定するための入力フィールドを表します。 ...

input要素（type属性 = file） - プログラマーな日々
ファイルアップロード用の入力フィールドを表します。 ...

その他の属性

input要素 autocomplete属性 - プログラマーな日々
オートコンプリート機能を有効にするか無効にするかを指定します。 ...

input要素 list属性 - プログラマーな日々
list属性は、datalistでマークアップされた要素を入力候補として表示します。 ...

input要素 required属性 - プログラマーな日々
required属性は、その入力フィールドに値が必須であることを表します。 ...

input要素 multiple属性 - プログラマーな日々
multiple属性は、その入力フィールドに複数の値を入力できることを表します。 ...

input要素 pattern属性 - プログラマーな日々
pattern属性は、その入力フィールドに入力可能な値の正規表現を表します。 ...

input要素 min属性、max属性 - プログラマーな日々
min属性、max属性は、その入力フィールドに入力可能な値の範囲を表します。 ...

input要素 step属性 - プログラマーな日々
step属性は、その入力フィールドの入力単位を表します。 ...

input要素 placeholder属性 - プログラマーな日々
placeholder属性は、その入力フィールドのウォーターマークを表します。 ...

input要素 autofocus属性 - プログラマーな日々
utofocus属性は、ページ表示時にその入力フィールドにフォーカスを当てることを指示します。 ...

input要素 form属性 - プログラマーな日々
form属性は、そのフィールドの属するフォームを示します。 ...

button要素

属性

button要素 formaction属性 - プログラマーな日々
button要素のformaction属性は、form要素のaction属性と同じ意味をもちますが、form要素よりも優先されます。 ...

button要素 formenctype属性 - プログラマーな日々
button要素のformenctype属性は、form要素のenctype属性と同じ意味をもちますが、form要素よりも優先されます。 ...

button要素 formnovalidate属性 - プログラマーな日々
button要素のformnovalidate属性は、form要素のnovalidate属性と同じで、入力値の妥当性を検証しないことを意味します。 ...

button要素 formtarget属性 - プログラマーな日々
button要素のformtarget属性は、form要素のtarget属性と同じ意味をもちますが、form要素よりも優先されます。 ...

select要素

属性

select要素 autofocus属性 - プログラマーな日々
ページが表示された時に、該当のselect要素にフォーカスすることを指示します。 ...

select要素 required属性 - プログラマーな日々
required属性は、入力が必須であることを意味します。 ...

datalist要素

datalist要素 - プログラマーな日々
テキストフィールドの入力候補を表します。 ...

output要素

output要素 - プログラマーな日々
output要素は、計算結果を表します。 ...

progress要素

progress要素 - プログラマーな日々
progress要素は、進捗を表します。 ...

meter要素

meter要素 - プログラマーな日々
meter要素は、ある範囲における値を表します。 ...

属性

meter要素 low属性 high属性 optimum属性 - プログラマーな日々
low属性は、低領域の閾値を表します。 high属性は、高領域の閾値を表します。 optimum属性は、最適値を表します。 ...

details要素 summary要素

details要素 summary要素 - プログラマーな日々
details要素は、表示したり非表示にしたりできる追加の詳細情報を表します。summary要素は、その詳細情報のサマリーを表します。 ...

属性

details要素 open属性 - プログラマーな日々
追加の詳細情報を表示した状態で、ページを表示することを指定します。 ...

グローバル属性

すべてのHTML要素で指定できる属性です。
contenteditable属性 - プログラマーな日々
contenteditable属性は、この要素が編集できることを表します。この属性はすべてのHTML要素で指定できます。 ...

spellcheck属性 - プログラマーな日々
spellcheck属性は、入力可能な要素にスペルチェックを有効にするかどうかを指定します。 ...

rel属性

rel属性 authorキーワード - プログラマーな日々
authorキーワードは、そのページの著者を表します。 ...

rel属性 externalキーワード - プログラマーな日々
externalキーワードは、外部サイトへのリンクを表します。 ...

rel属性 iconキーワード - プログラマーな日々
iconキーワードはそのドキュメントのアイコンを表します。このキーワードはlink要素でしか使えません。 ...

rel属性 licenseキーワード - プログラマーな日々
licenseキーワードは、著作権情報を表します。 ...

rel属性 nofollowキーワード - プログラマーな日々
nofollowキーワードは、リンク先の内容について保証できない、責任を持てないことを意味します。 ...

rel属性 sidebarキーワード - プログラマーな日々
sidebarキーワードは、サイドバーに表示するドキュメントを表します。 ...

その他のエントリー

HTML5でページを記述するのに役立つサイト - プログラマーな日々
HTML5でページを記述するのに役立つサイトを紹介します。 ...