English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSSリファレンスマニュアル

CSS @ルール(RULES)

CSS属性全書

CSS border-top-size 属性

border-top-width 属性の使用方法と例  border-widthwidth CSS属性は、要素のトップの枠線の幅を設定するために使用されます。しかし、多くの場合、以下のようにborder-topまたは

このようなショートカットCSS属性は使いやすく、推奨されます。

以下の表はこの属性の使用方法とバージョン履歴、javascriptスクリプトでの使用構文を示しています。medium
デフォルト値:適用:
すべての要素継承:
ありませんアニメーション可能:は。 参照してください
アニメーション属性CSS 1、2、3
バージョン:JavaScript構文: object

border-top-object.style.borderTopWidth="thick"

widthの使用構文

border-top-この属性の構文は以下の通りです:

width: thin | medium | thick | length | inherit-top-以下の例では、borderを使用する方法を示しています。

  例
   border-p {
   border-top-style: solid; 15width:
  px;
}/テストをしてみて‹

注意:-borderの-bottomborder-style属性。要素には枠線が必要で、それが設定される前にwidth属性が宣言されている必要があります。border-styleこの属性のデフォルト値はnoneです。

属性値

以下の表はこの属性の値を説明しています。

説明
thin細い枠線。
medium中程度の境界。
thick粗い枠線。
長さpx、pt、cm、emなどの単位で指定される長さ値。負値は指定できません。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のborderを使用します。-top-widthの属性値。

ブラウザ互換性

border-top-width属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョンを示しています;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

さらに詳しく

詳しくは以下のチュートリアルを参照してください:CSS BorderCSS3 Border

関連属性:borderborder-widthborder-topborder-top-color
border-top-style