MdN Design｜総合情報サイト
text-shadowはその名のとおり、テキストに影をつけるプロパティだ。うまく使えば画像を使わずとも、テキストを際立たせることができる。運用の効率化や、テキストコピーができるなどメリットも多い。 基本的な指定方法は、テキストから影までの距離（縦、横）とぼかしサイズ、影の色を指定して調整する【1-1】。CSS3でよく使われる、-moz-や-webkit-などのベンダープレフィックスの記述は、textshadowでは必要ない。カンマで区切れば、1つの要素に対して複数の影を指定できる【1-2】。また、影の色はrgba（半透明）で指定することもできる。影を半透明にしておけば、どのような背景色でも自然になじませることができるので便利だ【1-3】。 【1-1】「ぼかしサイズ」と「影の色」は省略可能 【1-2】カンマ(,)区切りで複数指定できる。工夫次第で複雑な表現も可能だ 【1-3】カラーコードをr
MdN Design｜総合情報サイト
PCサイトの制作では、HTML5やCSS3に対応していない古いブラウザのシェアが多く、その基準に合わせて制作しなければならないという制約がつきまとっていた。 しかし、スマートフォンサイトの制作ではそのような考えは不要だ。 iPhone やAndroid のデフォルトブラウザは、WebKit というHTML レンダリングエンジンをベースに作られており、HTML5やCSS3への対応が比較的進んでいるのが特徴だ。 そのような状況であるため、スマートフォンサイトの制作ではHTML5とCSS3を使うのが主流となっている。 さまざまな画面サイズにも 対応できるCSS3 PCサイトの制作では、HTML5やCSS3に対応していない古いブラウザのシェアが多く、その基準に合わせて制作しなければならないという制約がつきまとっていた。 しかし、スマートフォンサイトの制作ではそのような考えは不要だ。 iPhone
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
