タグ

*Web制作_CSSと*web制作に関するuraraiのブックマーク (6)

  • インラインCSS記述で画像を回転表示させる方法

    HTMLタグにインラインCSSを追加して、 少しだけ表現力をアップさせる試みの第二弾!! 前回は、画像を重ね合わせて表示する方法をやってみました。 画像を重ね合わせて表示するインラインスタイルシートの記述方法 今回は、画像を回転表示させるテクニックを調べてみました。 style属性にtransformプロパティを指定して画像回転! <img>タグに「style属性」を追加して、「transform: rotate(角度)」を指定すると画像を回転できることがわかりました。 HTMLCSSについて詳しく掲載されています。 transform:rotate()-CSS3リファレンス これを使って実際に記事中でテストしてみたのですが、最初はその効果が確認できませんでした。さらに調べてゆくと、「ベンダープレフィックス」という記述を付けないと動作しない機能があることがわかりました。 ベンダープレフィ

    インラインCSS記述で画像を回転表示させる方法
  • 解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース

    SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io

    解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
    urarai
    urarai 2012/12/13
    なにこれかわいい
  • [CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント

    ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット どのCSSリセットを使うべきか判断するポイント CSSリセットを上手に使うポイント 2012年人気のあったCSS Reset まずは、2012年に人気のあったCSSリセット ベスト5! CSS Reset経由で最もダウンロードされたものです。 Eric Meyer's "Reset CSS" 2.0 コードとドキュメント HTML5 Doctor CSS Reset コードとドキュメント Yahoo! (YUI 3) Reset CSS コードとドキュメント Universal Selector '*' Reset コ

  • white-space-スタイルシートリファレンス

    white-spaceプロパティは、ソース中のホワイトスペース(連続する半角スペース・タブ)・改行の表示方法を指定する際に使用します。 white-spaceプロパティは、 1.ソース中のホワイトスペース(連続する半角スペース・タブ)の表示方法 2.ソース中の改行の表示方法 の2点を指定するプロパティです。 この2つの表示方法の組み合わせパターンの数だけ値が用意されている、と考えると理解しやすいかもしれません。 ■値 normal ソース中のホワイトスペースを無視 ソース中の改行を1つの半角スペースとして表示 ボックスサイズが指定されている場合にはそれに合わせて自動改行する(初期値) pre ソース中のホワイトスペースをそのまま表示 ソース中の改行をそのまま表示 ボックスサイズが指定されている場合にも自動改行しない nowrap ソース中のホワイトスペースを無視 ソース中の改行を1つの半角

  • phiary

    今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか? これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.

    phiary
  • CSS HappyLife ZERO

    CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティやセレクタなどのリファレンスに加え、実践的なレイアウト講座やTips・コラムなど、それとCSS3に関してもちょこちょこ書いてます。 詳しい説明や、初めて訪れた方は「サイト説明」を読んで頂ければと思います。

  • 1