タグ

HTML5に関するhama1987のブックマーク (2)

  • 疑似セレクタ | HTML5+CSS3でサイトを作ってみる。

    first-child みかん りんご バナナ キュウイ もも ブドウ --[ html ]----------------------- <ul class="giji01"> <li>みかん</li> <li>りんご</li> <li>バナナ</li> <li>キュウイ</li> <li>もも</li> <li>ブドウ</li> </ul> --[ CSS ]------------------------ .giji01 li{ width:80px; padding:3px 0; border-top:#333 dashed 1px; } .giji01 li:first-child { border:none; } last-child みかん りんご バナナ キュウイ もも ブドウ --[ html ]----------------------- <ul class="gij

  • svg要素の基本的な使い方まとめ

    この文書ではsvghtml埋め込みデータとして扱う際の覚書として作成した.svgの要素と属性は実際の例を踏まえて説明したつもり. 注意事項 仕様はここを参照のこと. 文書では実際の挙動を調べつつ自分なりの解釈が入っているため,多々間違いが入ってしまうかもしれないが,気にしない. スクリプトを使ってsvg要素の中身(ソース)を出力しているため,一部実際のコードと表示されるコードとの間に差異があるが,予めご了承いただきたい. 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので,複雑な図形は素直にinkscape等専用のツールを使うと良い.ただ,ここで示したことはツールを使う上でも役に立つと思う.特にアニメーションなど. svg:ベクター画像のカンバスの定義,title:タイトル,desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い

  • 1