トップページ > サイト作成 > スタイルシート > 枠の設定
枠の設定
枠の太さ border-width
枠の太さを設定することができます。
border-width : 太さ
太さには
- thin : 細い
- medium : 中
- thick : 太い
- 単位付きの数値 : "2px"などの数値
で指定します。
また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。
枠の色 border-color
枠の色を設定することができます。
border-color : Webカラー
Webカラーには"#FF0000"や"red"といった指定をします。
また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。
枠の形式 border-style
枠の形式を設定することができます。
border-style : 形式
形式には
- none : 無し
- solid : 直線
- double : 二重線
- groove : 押下
- ridge : 隆起
- inset : 右上方に影
- outset : 左下方に影
- dotted : 丸点
- dashed : 破線
で指定します。
また、"border-top-width"、"border-bottom-width"、"border-left-width"、"border-right-width"といった形式で部分的な太さの調整も可能です。
関連記事
ウェブサイト作成
スタイルシート(CSS)はウェブサイトの装飾やレイアウトに利用されるプログラムの一種で、CSS の基本的な使い方と実際に指定するプロパティの一覧を紹介する。
作業効率アップとアクセス数アップにつながるウェブサイト作成のソフトウェア
ウェブサイト作成
ウェブサイト(ホームページ)は専用のソフトウェアを利用しなくても作成することができるが、作成ソフトを利用することで作成に必要な時間が大幅に短縮されるとともに検索サイトからのアクセス数アップにもつながる点について紹介する。
検索結果で自身のサイトが上位に表示されやすくする SEO の方法
ウェブサイト作成
インターネット上に公開した自身のウェブサイトやブログへアクセスしてもらうためには Google や bing など検索サイトから誘導する手段があり、検索結果の上位に表示されるとアクセス数が増えるため、その上位に表示させるための施策(SEO)の方法について紹介する。
スマホサイトで用いられるハンバーガーメニューの作成方法とサンプル
ウェブサイト作成
スマートフォンやタブレットなど小型の携帯端末向けのウェブサイトは画面を縦向きで利用されることが多いため、サイトのデザインと操作性も縦方向で利用されることを想定して横方向(水平方向)に画像を並べたり配置することを避けるが、縦にスクロールせずとも横方向に展開するハンバーガーメニューの作成方法について紹介する。
スマホやタブレット用ウェブサイトの横幅の比較と CSS でのレイアウト切り替え方法
ウェブサイト作成
ウェブサイトやアプリを作成する際にパソコンだけでなくスマートフォンやタブレットを利用する人ではどのように画面に表示されるか配慮する必要があり、利用される端末ごとにディスプレイのサイズが異なるため各端末の横幅の比較と CSS で端末ごとにレイアウトを切り替える方法について紹介する。