次世代のプロパティ”CSS Shapes/Region”が凄い！ « TheDesignium
こんにちは！ インターンの古沢です！ 先日11月30日にHTML5 Conference 2013 に行ってきましたのでレポートします！ HTML5Conferenceとは？ HTML5 Conference 2013はhtml5jが主催するHTML5に特化した技術系のイベントです！ 昨年のHTML5 Conference 2012に引き続き二回目の開催となりました。今年の規模はなんと2000人！ こんなにも多くのweb技術者がここに集まっていると考えるだけで凄く((o(´∀｀)o))ﾜｸﾜｸしてしまいました！ HTMl5 Conferenceでは、一日30セッションあり、その中から見たいスピーカーのセッションを選んでいくスタイルです。 一日見て回ったのですが、その中でも特に面白いと感じた“ CSS Regionsを使った新しいCSSレイアウトを作る方法 “の セッションについて、お話した
display－スタイルシートリファレンス
displayプロパティは、ブロックレベル・インライン・テーブル・ルビ・フレックスコンテナ等の、要素の表示形式を指定する際に使用します。 ■初期値・適用対象・値の継承 インラインとブロック inline インラインボックスを生成する（初期値） block ブロックボックスを生成する list-item li要素のようにリスト内容が収められるブロックボックスと、リストマーカーのためのマーカーボックスを生成する run-in 文脈に応じてブロックまたはインラインボックスのいずれかを作成する inline-block インラインレベルのブロックコンテナを生成する。要素全体としてはインライン要素のような表示形式だが、内部はブロックボックスで高さ・横幅などを指定できる。 テーブル table table要素のような表示となる inline-table インラインレベルのテーブルとなる table-r
toggleClass(class) - jQuery 日本語リファレンス
p { margin: 4px; font-size:16px; font-weight:bolder; cursor:pointer; } .blue { color:blue; } .highlight { background:yellow; } <p class="blue">Click to toggle</p> <p class="blue highlight">highlight</p> <p class="blue">on these</p> <p class="blue">paragraphs</p> $("p").click(function () { $(this).toggleClass("highlight"); });
cursor－スタイルシートリファレンス
cursorプロパティは、マウスカーソルの形状を指定する際に使用します。 下の使用例にある値の中には、ブラウザにより対応していないものもあるので注意してください。 尚、オリジナルカーソルに使用できるファイル形式には、.CUR（カーソルファイル）と.ANI（アニメーションカーソルファイル）があります。 ■使用例 HTMLソース <ul> <li style="cursor: auto">auto ブラウザが自動的に選択したカーソル</li> <li style="cursor: default">default 矢印型など利用環境の標準カーソル</li> <li style="cursor: pointer">pointer リンクカーソル</li> <li style="cursor: crosshair">crosshair 十字カーソル</li> <li style="cursor:
五章第二回 CSSの構造 — JavaScript初級者から中級者になろう — uhyohyo.net
五章第二回 CSSの構造このページの最終更新日：2018年7月29日 ご存知の通り、CSSは独自の文法を持っおり、したがって独自の構造を持っています。今回から、その構造と操作について解説します。 CSSStyleSheetCSSを構成するさまざまな要素はDOMでは全てオブジェクトで表されます。まずは、そのうちCSSStyleSheetという種類のオブジェクトについて解説します。 CSSStyleSheetは、CSSそのもので最も大きなまとまりで、 <!doctype html> <html> <head> <title>test</title> <style type="text/css"> body { background-color: aqua; } div { background-color: white; } p { background-color: yellow; } </
五章第一回 計算済みスタイル — JavaScript初級者から中級者になろう — uhyohyo.net
五章第一回 計算済みスタイルこのページの最終更新日：2017年8月20日 五章では、DOMの話に戻ってCSSの操作について詳しく解説していきます。CSSについては二章十一回で少し触れましたが、これはまだまだ序の口です。五章ではもっと詳しい中身についてやっていきます。 今回は、まずその初めとして、計算済みスタイルというものを取得することについて解説します。 まずは次のサンプルを見てみましょう。 <!doctype html> <html> <head> <title>test</title> <style type="text/css"> p { background-color: yellow; } </style> </head> <body> <p>testtest</p> </body> </html> このサンプルで、p要素の背景は黄色です。それは当然、スタイルシートでp要素のba
aタグに直接style=""で:hoverをしたいしたい - OKWAVE
お世話になります。 下記のaタグのCSS記述部分を直接<a href="" style="..."として記述するには どのようにすればよいのでしょうか hoverをaタグ内に直接指定しようとしていろいろ調べたのですが、解説しているサイトを見つけられなくて、質問させてもらってます。 A:link.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:visited.menu { text-decoration:none; FONT-SIZE: 12px; COLOR: #0000ff; } A:hover.menu { FONT-SIZE: 12px; color:#0000ff; background-color:#66bce2; } A:active.menu { FONT-SIZE: 12px; COLOR:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML・CSS 簡単リファレンス