便利帳

自分用備忘録。誰かの役に立てたら幸いです。

HTML/CSS

CSS3:クロスブラウザプロパティ

クロスブラウザプロパティの一覧です。 -ms- …… Internet Explorer -webkit- …… Google Chrome、Safari -moz- …… Firefox -o- …… FirOperafox

CSS:文字にを縁取る

CSSでテキストを縁取りたいことがあったので まとめておきます。 text-strokeを用いて縁取る こちらの方法では文字の内側に縁取りがつきます。 .text { -webkit-text-stroke: 2px #000; }※現状では〔-webkit-〕をつける必要があるとのこと text-shadow を用…

HTML/CSS・jQuery:ページ内リンクをスムーススクロールで移動する

ページ内にリンクを設定する際にスムーススクロールで移動する方法です。jQueryを使用します。 HTML/CSS HTML <div class="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link">CONTENT</a> </div> CSS #content{ padding-top: 100px; } #link { margin-top:-100px; } jQuery $(function () { $('a[href^=#]')…