「CSS3入門」ボタンを作る方法(font-size、border-radius、disabled)
1.font-sizeでボタンのサイズを指定する
サンプルコード
.button1 {font-size: 10px;}
.button2 {font-size: 12px;}
.button3 {fo ...
「CSS入門」hsl()関数を利用するサンプル
説明
hsl(hue, saturation, lightness)
hue (色相) … 0~360
saturation (彩度) … 0~100%
lightness (輝度) … 0~100% ...
「CSS入門」rgb()で色を指定する方法
関数記法
rgb(red, green, blue)/* 整数値 */
rgb( 100%, 0%, 30% );/* 割合 */
サンプルコード
「CSS3入門」box-shadowを利用するサンプル
box-shadow
要素のフレームの周囲にシャドウ効果を追加する
サンプルコード
<style> div{width:120px;height:50px;background-color:yel ...[JavaScript]style.opacityで要素の透過率を変更する
方法
style.opacityを使用し透過率を変更する
サンプルコード
方法style.opacityを使用し透過率を変更するサンプルコードJSコード<script>function Chang ...「CSS3入門」要素の透過度(opacity)を指定する
書式
opacity: value|inherit;
IE向けの指定
filter:alpha(opacity=50)
Firefox向けの指定
filter:Alpha(o ...
「CSS3入門」border-imageを利用するサンプル
border-image
指定された要素の周りに画像を描く
指定可能のプロパティ
border-image-source, border-image-slice, border-image-width, b ...
「CSS3入門」border-radiusを使用して画像で角丸を表現する
border-radius プロパティ
要素の境界の外側の角を丸めます。
サンプルコード
<style> div{border:3px solid #a1a1a1;padding:5px 20px ...「CSS入門」attr()関数で属性値を取得するサンプル
書式
a:after {
content: ” (” attr(href) “)”;
}
サンプルコード
<style>a:afte ...「CSS入門」text-alignでテキストの水平方向を指定する
書式
1.中央揃え
h1 {text-align:center;}
2.右寄せ
p.date {text-align:right;}
3.両端揃え
p.main {text-align: ...
「CSS入門」text-decorationでテキストの装飾を指定する
書式
1.テキストに上線を引く
h1 {text-decoration:overline;}
2.テキストに取り消し線を引く
h2 {text-decoration:line-through;} ...
「CSSメモ」text-transformでアルファベットの大文字、小文字を変換する
1.大文字に変換
p.uppercase {
text-transform:uppercase;
}
2.1文字目だけ大文字
.text:first-letter{
text-tra ...
「Java」MapのkeySet()メソッドを利用する
書式
Set<K> keySet()
戻り値:
マップに含まれているキーのセット・ビュー
サンプルコード
Map<String, String> map = new H ...「ajax」XMLHttpRequestのonloadイベントを利用する
onload
受信が成功した時に呼び出されます
方法1
xhr.onload = function() {
//処理コード
}
方法2
xhr.onreadystatec ...
「ajax」XMLHttpRequestのonreadystatechangeイベントを利用するサンプル
readyState
値 定数 状態
0 UNSENT XHRオブジェクトの作成後
1 OPENED open()メソッドの呼び出し後
2 HE ...
java.util.Comparatorの使い方
書式
int compare(T o1, T o2)
順序付けのために2つの引数を比較します。
サンプルコード
List<String> cft = new ArrayList<St ...JSON.parse()で文字列をオブジェクトに変換する
書式
JSON.parse(text)
サンプルコード
<p id="cft"></p> <script>var obj = JSON.parse('{ "name":"y ...「C#」引数としての配列を関数に渡すサンプルコード
サンプルコード
using System;namespace ArrayApplication{ class TestArrayDemo { double getAverage(int; } value = (double)su ...