kent-where-the-light-isのブックマーク - はてなブックマーク

Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト

URLエンコードとデコードが行えるフォームです。 URLエンコード、またはデコードのフォームに文字列を入力し、変換用のボタンをクリックしてください。マルチバイト文字だけをエンコードしたい場合は「URLエンコード（URL作成用）」をご利用ください。

kent-where-the-light-is 2017/05/11

“URLエンコード・デコードフォーム”

リンク

HTMLタグ/テーブルタグ/セル内の文字の位置を指定する - TAG index

tr要素に指定した場合 … 属性の指定は、行内の全てにセルに適用されます。 td要素（th要素）に指定した場合 … 属性の指定は、そのセルにだけ適用されます。 justifyの指定について複数行に渡る長いテキストの場合に、各行（最終行を除く）の右端が綺麗に揃うように単語間隔が自動的に調整されます。（英文などの場合に有効のようです）ベースラインについて英文などの場合、例えば x と y では下辺の位置が異なります。 x 文字のように、下側にはみ出ていない文字の下辺ラインを、ベースラインといいます。日本語の場合はベースラインは存在しません。

kent-where-the-light-is 2016/06/21

リンク

スタイルシート［CSS］/テーブル/セル内の文字の位置を指定する - TAG index

vertical-align の指定がない場合は、垂直方向の中央に揃えられます。 justifyの指定について複数行に渡る長い文章の場合に、各行（最終行を除く）の右端が綺麗に揃うように単語間隔が自動的に調整されます。（英文などの場合に有効のようです）表示される内容は、letter-spacingプロパティやword-spacingプロパティの影響を受ける場合があります。ベースラインについて英文などの場合、例えば x と y では下辺の位置が異なります。 x 文字のように、下側にはみ出ていない文字の下辺ラインを、ベースラインといいます。日本語の場合はベースラインは存在しません。使用例 left、center、rightの指定例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3

kent-where-the-light-is 2016/06/21

リンク

HTMLタグ/共通属性/Tabキーによる移動順序を指定する - TAG index

フォーカスの移動順序は、小さい数字（1以上）から大きい数字に向かいます。値に 0 が指定されている要素は、tabindex属性が指定されていない場合と同じ扱いになります。（出現する順序でフォーカスが移動します）例えば、4つの要素に 0 ～ 3 の値を指定した場合は、次の順序でフォーカスが移動することになります。 1 → 2 → 3 → （これ以降は出現順序） → 0 値の指定についてこの属性の値は、連番である必要はありません。また、任意の数字で開始することができます。 3 → 5 → 6 → 9 複数の要素に同じ数字が指定されている場合は、それらは出現順序でフォーカスが移動することになります。 1 → 2 → 2 → 3 指定できる要素この属性は、以下の要素で使用することができます。 a要素 area要素 button要素 input要素 object要素 select要素 tex

kent-where-the-light-is 2016/03/03

リンク

スタイルシート［CSS］/ページ全般/カーソルの形を変更する - TAG index

オリジナルカーソルについて独自の画像をカーソルとして使用することができます。指定方法 cursor: url(example.cur), text; url( ) … ( ) 内に、カーソルとして使用する画像ファイルを指定します。オリジナルカーソルが表示できない場合に備え、カンマ（ , ）に続けて任意のキーワード（default や pointer 等）を指定しておきます。（上記の例では text を指定しています）カーソルの候補 cursor: url(example.cur), url(example.gif), auto; 上記のように、カンマ（ , ）で区切って複数のカーソル候補を設定しておくこともできます。この場合、ユーザーの環境で利用できる形式の画像が使用されます。（先に指定したものが優先されます）対応ブラウザオリジナルカーソルは、IE 6以上、Firefox、Sa

kent-where-the-light-is 2016/02/18

リンク

JavaScript/フォーム/テキストフィールドの入力をチェックする - TAG index

<html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- function check(){ var flag = 0; // 設定開始（必須にする項目を設定してください） if(document.form1.field1.value == ""){ // 「お名前」の入力をチェック flag = 1; } else if(document.form1.field2.value == ""){ // 「パスワード」の入力をチェック flag = 1; } else if(document.form1.field3.value == ""){ // 「コメント」の入力をチェック flag = 1; } // 設定終了 if(flag){ window.alert('必須項目に未入力があ