サイトマップ
リンク
当サイトについて
検索
トップ
壁紙
Web素材
Webサイト制作支援
お問い合わせ
TOP
Webサイト制作支援
jQuery逆引き
文字の大きさを取得
JavaScriptを有効にしてください。
文字の大きさを取得
ツイート
文字の大きさ(フォントサイズ)を取得します。
取得
JavaScript
var getFontSize = function() { var getSize = 0; var setId = 'get-font-size-area'; var $tmpDiv = $('#' + setId); if ($tmpDiv.length === 0) { var setCss = { 'margin' : 0, 'padding' : 0, 'border' : 0, 'height' : 'auto', 'display' : 'none', 'line-height' : 1, 'font-size' : '1em' }; $tmpDiv = $('
'); $tmpDiv.attr('id', setId).css(setCss).text(' '); $('body').append($tmpDiv); } getSize = $tmpDiv.height(); return getSize; };
$(function() { $('#get-font-size').on('click', function(e) { var getSize = getFontSize(); alert(getSize + 'px'); return false; }); });
HTML
<button id="get-font-size">取得</button>
ツール
パスワード自動生成
パスワードの暗号化
エンティティ変換
URLエンコード/デコード
QRコード生成
文字カウンター
画像サイズ計算
文字変換
ディスプレイのPPIを算出
CSSセレクタ―利用可否チェック
画像ファイルをBase64文字列へ変換
CSSカスタムイージング
CSS Selector Nth Tester
JavaScript、jQuery
ライブラリ、APIの紹介
Lightbox2
Lightbox2.5~2.7
SyntaxHighlighter2
SyntaxHighlighter1.5.1
Tablekit
TinyTable
XMLの読み込み
AjaxZip3
AjaxZip2
fleXcroll
jScrollPane
Slimbox 2
jQuery LightBox Plugin
jQuery Cycle Plugin
Roundabout
DD_belatedPNG
jQuery&prototypeの共存
リファレンス
jQuery逆引き
JavaScript逆引き
CSS3逆引き
SASS・SCSS逆引き
カラーコード
Webセーフカラー
ネームカラー
モノトーンカラー
グレースケールカラー
パステルカラー
カラーリスト1
カラーリスト2
カラーコード変換
その他
特殊文字・特殊記号
CSSプロパティ・値の読み方
HTML・CSS・JavaScriptのテクニック集
CSSセレクター一覧
CSSハック
バナーサイズ一覧
PHP簡単カレンダー関数
正規表現
文字コード
機種依存文字