O R E P A S O:スタイルシート(CSS)その2

本文へジャンプ
S
M
L
Search by Google
menulavel
Valid CSS!
Spreadfirefox Affiliate Button
情報ボランティアの会(八王子)
anchor
ニュルブルクリンク走行編
スタイルシートその2
ブラウザもCSS 3に移行中。付帯資料です。
ボックスモデル
マージン:margin
ボーダー:border(線)
パディング:padding
~文章など内容~
パディング:padding
ボーダー:border(線)
マージン:margin
●expression()
Internet Explorer(Microsoft)独自仕様。CSS内でJavascriptを動かす仕様でしたが、現在は廃止されています。
div.foo {
width:expression(document.body.clientWidth);
}
●HTML 5 CANVAS機能で画像を描く Java script
/* ページ読み込み時に実行 */
onload = function() { draw(); };
function draw() {
var canvas = document.getElementById('foo');
if ( ! canvas || ! canvas.getContext ) { return false; }
var ctx = canvas.getContext('2d');
/* Image オブジェクト生成 */
var img = new Image();
img.src = "image2.gif?" + new Date().getTime();
/* 画像読み込みを待つ。後半の時間付加はキャッシュ対策 */
img.onload = function() {
ctx.drawImage(img, 0, 0);
}
}
←BACK | NEXT→