無料ホームページ作成！CSS・例
枠線の色
border-color属性
#RGBで指定
CSS・スタイルシートソース
border-color:#f00;
border-color:#0f0;
border-color:#00f;
結果
border-color:#f00;
border-color:#0f0;
border-color:#00f;
#RRGGBBで指定
CSS・スタイルシートソース
border-color:#ff0000;
border-color:#00ff00;
border-color:#0000ff;
結果
border-color:#ff0000;
border-color:#00ff00;
border-color:#0000ff;
rgb(R,G,B)で指定
CSS・スタイルシートソース
border-color:rgb(255,0,0);
border-color:rgb(0,255,0);
border-color:rgb(0,0,255);
結果
border-color:rgb(255,0,0);
border-color:rgb(0,255,0);
border-color:rgb(0,0,255);
rgb(R%,G%,B%)で指定
CSS・スタイルシートソース
border-color:rgb(100%,0%,0%);
border-color:rgb(0%,100%,0%);
border-color:rgb(0%,0%,100%);
結果
border-color:rgb(100%,0%,0%);
border-color:rgb(0%,100%,0%);
border-color:rgb(0%,0%,100%);
色名で指定
CSS・スタイルシートソース
border-color:red;
border-color:lime;
border-color:blue;
結果
border-color:red;
border-color:lime;
border-color:blue;
transparentで指定
CSS・スタイルシートソース
border-color:transparent;
結果
border-color:transparent;