画像の幅をコンテンツに合わせてフレキシブルにしたい場合、親要素の幅を超えないようにするには CSS の max-width プロパティに 100% を指定する。 img { max-width: 100%; border: 1px solid silver; padding: 0.25em; } ただ、画像にパディングやボーダーを持たせた場合、その分が親要素の幅より大きくなってしまうことがある (Fig 1)。 Fig 1: パディングとボーダーを持つ画像に `max-width: 100%;` を指定すると、親要素の幅を越えてしまうことがある これをつねに親要素に収めるようにするには、box-sizing プロパティを利用して画像の幅がパディングとボーダー込みで算出されるようにする、という手がある。 img { max-width: 100%; border: 1px solid sil
matrix3d (a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) ではサンプルコードを交えながら順に見てくとします。 matrix3dですが、こちらもmatrix 2Dと同様、複雑な理屈で取っ付きにくいうえに、rotateや3dやperspectiveといった関数で充分に代替可能なため、今回の記事では割愛させて頂きます。 m(_ _)m Transforms 3D - 事始め 端的に言うならば、Transform 3D は要素を3次元に移動ならびに回転、拡大縮小できるというものです。更に後述するperspectiveを使うことで、要素に奥行きのある表現を持たせることが可能となります。 3DではX軸とY軸に加えて、Z軸が追加されます。Z軸はウィンドウからユーザーに向かう方向が正の値で、ユーザーからウィンドウに向
Firefox 16、Opera 12.10、そしてInternet Explorer 10がリリースされました（Windows 7のIE 10はまだですが）。 その中で、CSSのベンダー接頭辞が外れたものをまとめてみます。 CSS Gradientsliner-gradient(), repeating-linear-gradient(), radial-gradient(), repeating-radial-gradient()の4つ。 IE 10から。標準構文。IE 9以下はCSSグラデーションに対応していない。Firefox 16から。標準構文。-moz-付きのは古い構文扱い。Opera 12.10から。標準構文。-o-付きのは古い構文扱い。Chrome、Safari は-webkit-が必要。古い構文。CSS Transformstransform, transform-sty
2012 年の 4月に CR(勧告候補) になった，CSS Image Values and Replaced Content Module Level 3 とそこで規定されてる，Linear Gradients: the ‘linear-gradient()’ notation の幾つかのブラウザでの対応具合が面倒な事になってるなぁってお話． 経緯とか 最初期 もともと，グラデーションだーと提案された頃には，WebKit の独自実装としてこんな感じの書式だった．(cf. Introducing CSS Gradients) background: -webkit-gradient(linear, left top /* 始点 */, left bottom /* 終点 */, from(#000) /* 始点の色 */, to(#FFF) /* 終点の色 */); 途中にもっと色を挟むと
特集：Web制作者＆開発者のためのIE10概説 Internet Explorer 10 on Windows 8のHTML5／CSS3新機能 尾崎 義尚 2012/08/24 ■はじめに ついにWindows 8の製品開発が完了し、8月16日からMSDNサブスクリプション会員向けに製品版の提供が開始された。執筆時点では、Internet Explorer 10（以降、IE10）単体での提供はされていないが、IE10はWindows 7以降にも提供される予定である（Windows Vista以前には非対応）。 以前、IE10 Platform Preview 2（以後、Platform Previewは「PP」と略す）までに追加された機能を紹介したが、その後も「8～12週ごとにPPを公開する」という公約どおりに提供され、2012年6月には、PP6まで公開された。ただし、Windows 7上
iOS6も発表されて、あとはNew iPhoneのリリースが待たれる季節ですね。私は3Gの発売時に買い替えて、2年後iPhone4にし、また2年が経とうとしているので今年は新しいのに買い換えようという気持ちです。 世間ではAppleのマップでいろいろと騒いでいたりしますが、OSがアップデートされるたびに私がチェックすることといえばブラウザの仕様や機能の変更です。 去年はWebAppやスマホサイトを作るには嬉しい変更がありました。position:fixedやiframeの慣性スクロール、他にもSVGや縦書き、明朝フォントのサポートもありました。 その辺りはiOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】と【後編】というエントリーでまとめて書いています。このときもデモ用にフルスクリーンで使えるWebAppを作成しました。 今回はCSS Fi
CSSBeginner's tutorialsYour first website: Styling the contentCSS styling basicsWhat is CSS?CSS getting startedChallenge: Biography pageBasic selectorsAttribute selectorsPseudo-classes and elementsCombinatorsBox modelHandling conflictsValues and unitsSizingBackgrounds and bordersOverflowImages, media, formsStyling tablesDebugging CSSChallenge: Business cardChallenge: Fancy letterheadChallenge: Fan
ベンダー接頭辞（プレフィックス）については最近いろいろと議論が活発ですが、そういう難しい話ではなくて、現状のCSSについての話です。 新しいCSSモジュールを使うために、ブラウザごとに接頭辞をつけなくてはいけない場合があります。まあそれについては現状では仕方ないことなんですが、接頭辞なしでも動作するようになったものでも、いつまで経っても接頭辞つきのものを書くのはどうなのかなと思うわけです。 CSSのコードも冗長で読みづらくなりますし、もう使われていない（使われることもない）であろうものを残しておくのもちょっとなー。 実際に運用されているサイトなんかだとそうそう簡単に手を入れられないかもしれませんが……。 また、はてなダイアリーの方でも書きましたが、ブログのチュートリアルを見ていて「もうその接頭辞つきの役目は終わった（終わりつつある）のに、なんでそれしか書いてないの」と思うことが結構あります
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
このサイトでは、W3C CSSの、主に日本語レイアウトに関する仕様を非公式に日本語翻訳した結果を掲載しています。 本ページがCSS日本語レイアウト関連仕様の理解の助けとなり、仕様策定を促進することを目的として作成しました。 更新情報 2013.8.7: 血統の森にてCSS Text Decoration Module Level 3(W3C Candidate Recommendation 1 August 2013)がすでに翻訳されておりましたので、本サイトでの翻訳を中止し、そこへのリンクを貼る形といたします。 2013.8.5: CSS Text Decoration Module Level 3 が2013.8.1にCRとなりましたので、仕様がある程度安定したと判断し、翻訳を開始いたします。 2012.6.10: 都合により、仕様がLast Callになるまで仕様の翻訳を休止いたしま
この文章は、CSS Text Level 3(W3C Working Draft 19 January 2012)を、独自に翻訳したものです。 この仕様書の正式なものは W3C のサイトにある英語版であり、その著作権は W3C が保有しています。また、翻訳に誤りがある可能性に留意してください。また、読みやすさを考慮して、スタイルやレイアウトを変更している箇所があります。ご注意下さい。 文中では日本語組版の用語を用いております。日本語組版については日本語組版処理の要件（日本語版）に目を通しておくことをおすすめいたします。 その他の仕様書の翻訳は、CSS 日本語レイアウト関連仕様 日本語翻訳からご覧下さい。 公開開始日: 2011.11.09 更新日: 2012.03.04 W3C Working Draft 19 January 2012 This version: http://www.w
ナウでヤングなレンタルサーバーです。初心者にやさしくて、人気のブログも超カンタンに設置できます。おこづかいでＯＫの格安料金 なんと月額100円（税込105円）から！可愛いアドレスもたくさんで女性に大人気！充実のサポート体制で安心です。
CSS Text Module Level 3 W3C Candidate Recommendation Draft, 30 September 2024 More details about this document This version: https://www.w3.org/TR/2024/CRD-css-text-3-20240930/ Latest published version: https://www.w3.org/TR/css-text-3/ Editor's Draft: https://drafts.csswg.org/css-text-3/ Previous Versions: https://www.w3.org/TR/2023/CRD-css-text-3-20230903/ History: https://www.w3.org/standards/h
最終更新：2023-02-23 CSS3とは CSS3は、CSS 2.1仕様を核とし、CSS 2.1仕様の機能を追加・改訂するモジュール群です。CSS 2.1ではひとつの巨大な仕様にすべてのモジュールが定義されていましたが、CSS3では仕様を分割し個別のモジュールとして定義するものです。 現在のCSSは、CSS Snapshotで定義されています（2023年時点ではCSS Snapshot 2023でした）。 このページについて このページでは、CSS3の日本語訳を収集していましたが、管理人が興味をなくしてしまったこともあり、このページのメンテナンスを行わないことにしました。かつてのページの様子は、Waybackから見ることができます。 多数のCSSの日本語訳は、triple-underscore氏がWeb 関連仕様 日本語訳で公開していますので、そちらを参照するとよいでしょう。（CSS以
わかった！お金借りる審査通らないやお金借りるならどこがいいのかについて 四十代に突入してからというもの、振込融資は苦行のようなものに成り果てているんです。 不動産担保ローン各社は、ほんのちょっと節制しただけでも、増えた分は取り返せたのに、単発バイトだと限界まで努力しているにもかかわらず、消費者金融自体は減ってくれなくて、つい挫折してリバウンドしたこともあります。 高額融資が落ちた上に、活動量が減っているのですから、新生銀行フィナンシャルのも当然なのでしょう。 新生銀行フィナンシャルがわからない人は少数派でしょう。私もわかっています。 お金借りる審査通らないを変化させるのは誰にとっても困難で、継続が難しいものです。 お金借りる審査通らないを食べたらオッケーとか、ちょっとした運動だけでダイエット可能なんていわれると注目してしまうんです。 お金借りるならどこがいいのかを嫌悪したくなります。香水を
W3C Working Draft 1 September 2011 This version: http://www.w3.org/TR/2011/WD-css3-writing-modes-20110901/ Latest version: http://www.w3.org/TR/css3-writing-modes/ Latest editor's draft: http://dev.w3.org/csswg/css3-writing-modes/ Previous version: http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531/ Editors: Elika J. Etemad (Mozilla) Koji Ishii (Invited Expert) Shinyu Murakami (Antenna House
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
