[CSS] 基本メモ: アルファ値の指定

RGBの色成分に加えてアルファ値が指定できる。

サンプル

alpha-1

alpha-2

alpha-3

参考サイト

rgba()-CSS3リファレンス
http://www.htmq.com/css3/rgba.shtml

[CSS] 基本メモ: 角丸の指定

ボックスの角を丸めることができる。

サンプル

borde-radius-1

borde-radius-2

borde-radius-3

borde-radius-4

borde-radius-5

参考サイト

border-radius-CSS3リファレンス
http://www.htmq.com/css3/border-radius.shtml

[CSS] 基本メモ: ベンダープレフィックス

ブラウザが暫定実装しているスタイルであることを示す識別子。

-webkit-
Google Chrome, Safari

-moz-
Firefox

-o-
opera

-ms-
Internet Explorer

参考サイト

ベンダープレフィックス-CSSの基本
http://www.htmq.com/csskihon/603.shtml

ブラウザ別のスタイル対応状態はCan I Useで調べるとよい。

Can I use… Support tables for HTML5, CSS3, etc
http://caniuse.com/

[C#] 別ウィンドウを表示せずに外部プログラムを起動して終了まで待つ

コマンドプロンプトで実行される外部プログラムをバッチで繰り返し実行したい。だけど、実行中は別の作業を行いたいので、外部プログラムが実行されるたび新しいウィンドウが開いてフォーカスが奪われるのはいただけない。

別ウィンドウを表示せずに外部プログラムを起動して終了まで待つには、

  • 新しいウィンドウを表示しない
  • 新しいウィンドウを隠す

の何れかを明示して外部プログラムを実行すればよい。

サンプルコード

参考サイト

コマンド・プロンプトを表示せずにコンソール・アプリケーションを実行するには?[C#、VB] - @IT
http://www.atmarkit.co.jp/fdotnet/dotnettips/654nowinexec/nowinexec.html

[CSS] 基本メモ: 擬似クラス

擬似クラスはクラスが特定の状態にある場合に限って適用されるスタイル。たとえば以下。

  • :link
  • :visited
  • :hover
  • :active
  • :focus

サンプル

  • a:link { color: blue; }
  • a:visited { color: green; }
  • a:hover { font-weight: bold; }
  • a:active { background: red; }
  • h3:hover { color: pink; }
  • input:focus { background: yellow; }

参考サイト

:active擬似クラス-スタイルシートリファレンス
http://www.htmq.com/selector/active.shtml

[CSS] 基本メモ: cursorプロパティ

cursor

  • move
  • help
  • wait
  • pointer など

サンプル

css_cursor1

css_cursor2

css_cursor3

css_cursor4

css_cursor5

参考サイト

cursor-スタイルシートリファレンス
http://www.htmq.com/style/cursor.shtml

[CSS] 基本メモ: list-styleプロパティ

list-style-type

  • none (無し)
  • disc (白い丸)
  • circle (黒い丸)
  • square (黒い四角)
  • lower-roman (小文字ローマ数字)
  • upper-roman (大文字ローマ数字)
  • lower-greek (小文字ギリシャ文字)
  • decimal (数字)
  • decimal-leading-zero (先頭にゼロを付けた数字)
  • lower-alpha (小文字アルファベット)
  • uppwe-alpha (大文字アルファベット) など

list-style-position

  • outside
  • inside

list-style-image

  • url(‘bullet.png’);

サンプル

css_list1

css_list2

css_list3

css_list4

参考サイト

list-style-type-スタイルシートリファレンス
http://www.htmq.com/style/list-style-type.shtml

list-style-position-スタイルシートリファレンス
http://www.htmq.com/style/list-style-position.shtml

list-style-image-スタイルシートリファレンス
http://www.htmq.com/style/list-style-image.shtml

[CSS] 基本メモ: clearプロパティ

left
左寄せされた要素に対する回り込みを解除。

right
右寄せされた要素に対する回り込みを解除。

both
全ての要素に対する回り込みを解除。

none
回り込みを解除しない。

サンプル

css_clear4

css_clear5

参考サイト

clear-スタイルシートリファレンス
http://www.htmq.com/style/clear.shtml

[CSS] 基本メモ: floatプロパティ

left
左寄せ。続く内容はその右側に回り込む。

right
右寄せ。続く内容はその左側に回り込む。

none
指定無し。

サンプル

スタイル指定無し

css_clear1

css_clear2

css_clear3

参考サイト

float-スタイルシートリファレンス
http://www.htmq.com/style/float.shtml

[CSS] 基本メモ: positionプロパティ

static
位置指定しない。

relative
相対位置を指定する。staticで配置される位置が基準。

absolute
絶対位置を指定する。親要素の左上が基準。親要素がstatic配置でなければウィンドウ左上が基準。

fixed
絶対位置を指定する。スクロールしても位置は変わらない。

サンプル1: ウィンドウの上端に張り付いたメニューバーもどき

css_position1

サンプル2: absolute指定で既存のボックス要素に重ねて配置

css_position2

参考サイト

position-スタイルシートリファレンス
http://www.htmq.com/style/position.shtml