Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSで下枠のスタイルを変更する

border-bottom-style プロパティは、下の境界線のスタイルを変更します。次のコードを実行して、 border-bottom-styleを実装してみてください。 プロパティ：

例

<html>
   <head>
   </head>
   <body>
      <p style = "border-width:4px;border-bottom-style:dashed;">
         This is demo content
      </p>
   </body>
</html>

  1. CSSを使用して下の境界線のスタイルを設定します

    下の境界線のスタイルを設定するには、border-bottom-styleプロパティを使用します。設定できる境界線の値は、点線、二重、破線、実線などです。 例 次のコードを実行して、下の境界線のスタイルを設定できます <!DOCTYPE html> <html>    <head>       <style>          p.dotted {border-bottom-style: dotted;}      

  2. CSSのborderShorthandプロパティ

    borderプロパティは、要素のborderプロパティを定義するために使用されます。これは、border-width、border-style、border-colorの省略形です。 構文 CSSボーダープロパティの構文は次のとおりです- Selector {    border: /*value*/ } 例 次の例は、CSSボーダープロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> img {    margin-top: 14px;