vertical-align－スタイルシートリファレンス
vertical-alignプロパティは、行のなかでのテキストや画像などの縦方向の揃え位置を指定する際に使用します。 vertical-alignプロパティを適用できるのは、インライン要素とテーブルセルです。ブロックレベル要素には適用できません。 ■値 baseline 適用した要素のベースラインを親要素のベースラインに揃える（初期値） top 上端揃え middle 中央揃え bottom 下端揃え text-top テキストの上端揃え（テーブルセルへの指定は無効） text-bottom テキストの下端揃え（テーブルセルへの指定は無効） super 上付き文字（テーブルセルへの指定は無効） sub 下付き文字（テーブルセルへの指定は無効） パーセント（%） その要素のline-heightプロパティの値に対する割合を%で指定（ベースラインが揃った状態を0として、正の値なら上、負の値なら
CSSのfloatで回り込みさせたテキストを画像や要素の下に回り込ませないやり方 – bl6.jp
ちょっとしたCSSのTipsです。結構使う機会があるのでメモがてら残しておきます。CSSでfloatしてテキストを回りこみさせた時に、floatを指定した要素の下側にまで回り込ませないやり方です。これを覚えると色んなところで活用できるのでとても便利です。ということでサンプルと合わせてどうぞ。 floatで文字を下側にだけ回り込ませない 上記画像のように、floatするとテキストが画像下にまで回り込んできます。で、これを以下の画像のように、下側だけ回り込ませないようにするやり方です。 以下コードです。 HTML <div id="sample"> <img src="sample.jpg"> <p>サンプルテキスト...</p> </div> こんな感じのHTMLがあったとして、imgにfloatを指定したとします。で、このままだと画像の下側にまでテキストが入ってくるので、floatされたp
Text alternatives - a decision tree - 4 Syllables
1. What role does the image play? Purely decorative? If the image plays a purely decorative role on the page, use a blank text alternative: (alt=””). A screen reader will then ignore it. If you use decorative images regularly, ask your web designer or developer to create a style you can use to include the image via a style sheet. NOTE: In Word documents (not web pages or PDF documents) screen read
アクセシビリティに配慮した代替テキストの話 | kzakza
代替テキストといえば、img要素のalt属性に入れるテキストとしてよく知られています。しかし、alt属性に画像の「タイトル」が記述されていることが多いような気がします（あくまで気がするだけです・・・）。代替テキストは「タイトル」ではないため、結果として「タイトル」が適切であることはありますが、代替テキストとして適切でない場合があります。かくいう私もこれまで同じことをやってしまっていまして、これではイカン！と アクセシビリティに配慮した代替テキスト について調べてみました。ここがおかしいという箇所がありましたらぜひご指摘ください。 代替テキストとは W3Cの文書※1の言葉を借りるならば、代替テキストとは 「元の非テキストコンテンツと同じ目的及び情報を伝える」テキスト です。代替テキストを非テキストコンテンツと置き換えてもそのページが持つ情報が失われないことが代替テキストの要件になります。 置
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sublime Textの検索窓に日本語を入力する方法
