CSS - border-*

トップ > CSSリファレンス > border-*

概要

属性名
border-top
border-right
border-bottom
border-left
<width> || <style> || <color>
初期値個々の属性を参照
適用可能要素すべて
継承継承しない
メディアvisual
アニメーション<width><color> は可

サポート (説明)

CSSIE/EdgeFirefoxChromeOperaSafari
CSS14113.51

説明

上側、右側、下側、左側のボーダーラインの太さ、線種、色を指定します。

説明
<width>線の太さを指定します。詳細は border-width を参照してください。
<style>線の種類を指定します。詳細は border-style を参照してください。
<color>線の色を指定します。詳細は border-color を参照してください。

使用例

CSS
.sample {
    border-top: 10px solid #993333;
    border-right: 10px solid #999933;
    border-bottom: 10px solid #333399;
    border-left: 10px solid #339933;
    width: 80px;
    height: 80px;
    margin: 1em;
}
HTML
<div class="sample"></div>
表示

関連項目

border, border-width, border-style, border-color

リンク


Copyright (C) 1997-2016 杜甫々
初版:1997年7月27日、最終更新:2016年1月3日
http://www.tohoho-web.com/css/prop/border-x.htm