<form action>で自分自身を指定する場合
HTMLの<form action=”xxx”>はそのformから、データの転送先(xxx)を指定するものである。 転送先を自分自身(表示している現在と同じページ)にする場合は次のよう …続きを読む→
HTMLの<form action=”xxx”>はそのformから、データの転送先(xxx)を指定するものである。 転送先を自分自身(表示している現在と同じページ)にする場合は次のよう …続きを読む→
これまでcssでフォントサイズを指定するときはpxや%を使っていたが、css3から「rem」という新しい単位が使える。 remは「root+em」の省略で、「ルート」である「html」に指定されたフォントサイズを基準にし …続きを読む→
div要素のようなブロックレベル要素のセンタリング(中央配置)には「text-align」は使えない。「text-align」プロパティはインライン要素の位置揃えを指定するためのものである。 ボックスのセンタリングはセン …続きを読む→
DropCapsとは先頭の文字を拡大して回り込ませる表現をするもので、連続する段落のアイキャッチとしてインパクトを与えたい場合に使用する。CSS3のfirst-letterを使うことで実現することができる。 試したHTM …続きを読む→
CSS3から追加された擬似クラス:tragetを使ったタブ形式のPhoto Gallery。 :targetとはリンク先に指定された要素が、リンク先から呼び出されたときのスタイルを 定義することができます。 分かり易くい …続きを読む→
Wordなどではおなじみの段組をweb画面でも使えるようにとCSS3から段組がサポートされている。これで新聞や雑誌のような記事レイアウトができるのではとさっそく2段組を試してみるとSafari、Crome、Firefox …続きを読む→
rgba()は、RGBAカラーモデルで色を指定する際に使用する。 RGBAカラーモデルは、RGBカラーモデルのred・green・blueに、alphaが加わったもので alphaは色の透明度を表す。これにより、色の …続きを読む→
E:nth-child(n)は疑似クラスの一種で、 n番目の子となるE要素にスタイルを適用する際に使用できる。 例えば、<table>で使う場合Eがtrならば行のスタイル、thやtdならば列のスタイルを適用す …続きを読む→
CSS3の角丸で角度を50%にすると円を描くことができる。 指定の方法は次のとおり。 border-radius: 50%; サンプル 次のCSSとHTMLで試してみた。 CSS #season ul, #season …続きを読む→
CSS3 transitionを使ったサンプルです。 テキストを大きくする CSSコードとHTML .anime04{ font-size:15px; color:#000; padding:25px; -webkit- …続きを読む→