タグ「スタイルシート」が付けられているもの
【2015.02.07 追記】 ruby_enabler2.js、完成版が出来ました。→ こちらでどうぞ。 以前に書いた記事のコメント欄で『HTML5の両面ルビを実現すべく何かしらやってみる』と書…
さて、以前書いた『各OSに標準でインストールされているフォントを調べる。』という記事に追加です。 Windows 8.1 と Mac OS X 10.9(mavericks)に、「游ゴシック(体)」「…
どうやら自分の中でも用語が混乱しているようなので、私見も含めてまとめておきます。『日本語の横書き文書』を整形するときの話です。 『両端揃え』というのは、一般的にはこういう処理。 言葉で説明すると、 【…
スタイルシートで font-size や line-height を小数点以下の値をもつ数値で指定した場合、いわゆるWebKit系ブラウザでの振る舞いだと、これらは少数点以下を切り捨てたpx値で表示さ…
HTMLでファイルの選択ダイアログを表示させるための INPUT 要素です。<input type="file" />この部品は、各ブラウザで大体こんなふうに表示されます。OSに依っても多…
さて、前回の続き。内容は表題のとおりです。拙作 h2v.js で綺麗な縦書き表示をするためには、和文字が等幅なフォントが必須です。で、さまざまなOSに(日本語環境であれば)標準でインストールされている…
新しくページの色使いを考えるときに、毎度毎度コレをするためにウェブをうろうろして時間を費やしてしまうので作ってみた。 → Webカラー RGB - 16進 - 色名 相互変換。|freefieilde…
さて、ブラウザに完全実装された暁にはいろいろ面白い視覚効果を試せそうな 3D の変形プロパティ。公式のデベロッパーサイトや解説サイトを巡ってみても、何がどこまで実際に使えるのか、結局どういう書式でCS…
ええと、 divやらspanやらに表示フォントサイズを指定してやるでしょ。 iPhoneのSafari(以下MobileSafari)から、そのページにアクセスするでしょ。 JavaScriptで、フ…
縦書き用スタイルシート、久しぶりに弄っていたら不具合発見。 Operaの一部のバージョンで、transform が効かない。このスタイルシートでは、括弧や長音記号などを 横書き → 縦書き に変換する…
スタイルシートだけで画像にさまざまな効果をプラスしてみる。その1。スタイルシートだけで画像にさまざまな効果をプラスしてみる。その2。 ということで今回は、iTunesなどでお馴染みのcoverflo…
前回の続きです。今回は、画像の上に「色付きの背景を透過させた div ボックス」を重ねてみます。オリジナルの画像はこれ。 div.board{ position:relative; width:4…
すべてのメジャーブラウザに対応! と謳いたいところですが、CSS3の採用状況などにばらつきがあったりするので、Firefoxで最適な表示。Safari・Chrome・Internet Explorer…
縦書きCSSに関して、質問をいただきました。 自動改行はできないのでしょうか? 1センテンスが長いと、もの凄く縦長になってしまうのです。 結論から書きますと、うちの縦書きスタイルシートを使う場合、残念…
ウェブページを作成するとき、テキストエディタを使ってhtmlソースをガシガシ書いていくのが好みなのです。が、外部スタイルシートを使ってページのデザインをあれこれするのが結構めんどくさい。外部スタイルシ…
<style>〜</style>の中身を一気に書き換える方法のメモ。style要素は、document.getElementsByTagName( 'style' )またはdo…
さてさてInternet Explorer 9、機能の目玉はなんといっても「CSS3対応」だと思うのですが、どんな具合なのかベータ版で試してみる。個人的によく使うプロパティに box-shadow が…
[ 2011.02.12追記 ] IE9 製品候補版では、この記事で取り上げた不具合は解消されたみたい。 この記事は最早、読む必要はありません。 前回の記事で、検証をやり残していたパターンがあるという…
[ 2011.02.12追記 ] IE9 製品候補版では、この記事で取り上げた不具合は解消されたみたい。 この記事は最早、読む必要はありません。 IE9のベータ版を使ってみたのですが、スタイルシート…