CSS

 Computer >> コンピューター >  >> プログラミング >> CSS
  1. CSSでホバー可能なSidenavを作成するにはどうすればよいですか？

    以下は、CSSを使用してホバー可能なサイドナビゲーションボタンを作成するためのコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <styl

  2. CSSのフォントサイズ

    CSS font-sizeプロパティは、フォントのサイズを設定するために使用されます。値は、パーセンテージ、ピクセル、cm、ポイント、emなどの単位、および絶対キーワードで指定できます。相対値はアクセシビリティを最大化します。デフォルトのフォントサイズは16pxまたは12ptです。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の例は、CSSのfont-sizeプロパティ-を示しています。 例 <!DOCTYPE html> <html> <he

  3. との差 。およびCSSの＃セレクター

    。セレクター 。セレクターはクラスレベルのセレクターです。ドット演算子は、複数のhtml要素に適用できるスタイルクラスを作成するために使用されます。 「＃」セレクター ＃セレクターは要素レベルのセレクターです。ハッシュ演算子は、IDが「＃」セレクターで使用されるものと同じである特定の要素にスタイルを適用するために使用されます 例 例に従って、「。」の使用法を示します。 3つのdiv要素の「＃」セレクターも同様です。 <!DOCTYPE html> <html> <head>    <title>Selector Examp

  4. CSSでアイコンバーを作成するにはどうすればよいですか？

    CSSでアイコンバーを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&g

  5. CSSでメニューアイコンを作成するにはどうすればよいですか？

    CSSでメニューアイコンを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div {    width: 40px;    height: 7px;    background-color: blue;    

  6. CSSとJavaScriptでアコーディオンを作成するにはどうすればよいですか？

    CSSとJavaScriptを使用してアコーディオンを作成するためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo {    background-color: #eee;    cursor: pointer;    paddi

  7. CSSを使用したテーブルのスタイリング

    CSSを使用してテーブルのスタイルを定義できます。次のプロパティは、とその要素のスタイルを設定するために使用されます- 境界線 CSS borderプロパティは、border-width、border-style、border-colorを定義するために使用されます。 境界の崩壊 このプロパティは、要素の境界線を共有するか個別にするかを指定するために使用されます。 キャプション caption-sideプロパティは、テーブルのキャプションボックスを垂直方向に配置するために使用されます。 空のセル このプロパティは、テーブルの空のセルの表示を指定するために使用されます。 テーブ

  8. CSSのborder-styleプロパティ

    CSS border-styleプロパティは、要素の境界線スタイルを指定するために使用されます。また、border-topスタイル、border-rightスタイル、border-leftスタイル、border-rightスタイルのプロパティを使用して、個々の辺の境界線スタイルを定義することもできます。 構文 CSSボーダープロパティの構文は次のとおりです- Selector {    border: /*value*/ } 次の例は、CSSボーダースタイルのプロパティ-を示しています。 例 <!DOCTYPE html> <html> <

  9. CSSのborder-colorプロパティ

    CSSのborder-colorプロパティは、要素の境界線の色を指定するために使用されます。また、border-top-color、border-right-color、border-left-color、border-right-colorプロパティを使用して、個々の辺の色を設定することもできます。 構文 CSSborder-colorプロパティの構文は次のとおりです- Selector {    border-color: /*value*/ } 次の例は、CSSのborder-colorプロパティ-を示しています。 例 <!DOCTYPE html>

  10. CSSを使用したキーワードによるフォントサイズの設定

    CSSのfont-sizeプロパティは、絶対キーワードと相対キーワードで設定できます。これにより、テキストが必要に応じて拡大縮小されます。 構文 CSSfont-sizeプロパティの構文は次のとおりです- Selector {    font-size: /*value*/ } 次の表に、CSSで使用される標準キーワードを示します- Sr.No 値と説明 1 中 フォントサイズを中サイズに設定します。これはデフォルトです 2 xx-小さい font-sizeをxx-smallサイズに設定します 3 x-small

  11. CSSのフォントバリアント

    font-variantプロパティは、font-variant-caps、font-variant-numeric、font-variant-alternates、font-variant-ligatures、およびfont-variant-east-asianを指定するために使用されます。 構文 font-variantプロパティの構文は次のとおりです- Selector {    font-variant: /*value*/ } 次の例は、CSSフォントバリアントプロパティ-を示しています。 例 <!DOCTYPE html> <html>

  12. CSSの一般的な兄弟セレクター

    CSSの一般的な兄弟セレクターは、最初の要素に続くすべての要素を選択して、両方が同じ親の子になるようにするために使用されます。 構文 CSSの一般的な兄弟セレクターの構文は次のとおりです element ~ element {    /*declarations*/ } 次の例は、CSSの一般的な兄弟セレクター-を示しています。 例 <!DOCTYPE html> <html> <head> <style> * {    float: left;    padding-left: 1

  13. CSSでセレクターをグループ化する

    CSSグループ化セレクターは、複数の要素を選択し、それらを一緒にスタイル設定するために使用されます。これにより、各要素に共通のスタイルを宣言するためのコードと余分な労力が削減されます。セレクターをグループ化するには、各セレクターをスペースで区切ります。 構文 CSSグループ化セレクターの構文は次のとおりです- element, element {    /*declarations*/ } 次の例は、CSSグループ化セレクター-を示しています。 例 <!DOCTYPE html> <html> <head> <style>

  14. CSSを使用して要素のテキストの色を設定する

    CSSのcolorプロパティは、要素のテキストの色を変更するために使用されます。値は、標準の色名、rgb（）、rgba（）、hsl（）、hsla（）、および16進値として指定できます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    height: 50px;   &nb

  15. CSSでのカラープロパティの設定

    CSSを使用して、要素のテキスト、境界線、背景の色を定義できます。 colorプロパティは、要素のテキストの色を指定するために使用されます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    color: seashell;    background-color

  16. CSSの境界線と輪郭に対するカラープロパティの影響

    要素の境界線の色と輪郭の色を定義できます。境界線とは異なり、アウトラインはスペースを取りません。 border-colorプロパティは要素の境界線の色を設定するために使用され、outline-colorプロパティはそのアウトラインの色を設定するために使用されます。 構文 CSSborder-colorおよびoutline-colorプロパティの構文は次のとおりです- /*for setting border-color*/ Selector {    border-color: /*value*/ } /*for setting outline-color*/ Selec

  17. CSSを使用したテキスト装飾

    CSS text-decorationプロパティは、選択した要素のテキストに装飾を適用するために使用されます。値として、ラインスルー、オーバーライン、アンダーラインなどを追加できます。これは、text-decoration-line、text-decoration-color、およびtext-decoration-styleの省略形です。 構文 text-decorationプロパティの構文は次のとおりです- Selector {    text-decoration: /*value*/ } 例 次の例は、CSSのテキスト装飾プロパティ-を示しています。 <!D

  18. CSSを使用してリンクからデフォルトの下線を削除する

    デフォルトでは、HTMLのすべてのリンクは下線で装飾されています。この下線は、CSStext-decorationプロパティを使用して削除できます。 構文 CSStext-decorationプロパティの構文は次のとおりです- Selector {    text-decoration: /*value*/ } 例 次の例は、CSSのテキスト装飾プロパティを示しています。 <!DOCTYPE html> <html> <head> <style> p {    padding: 5px;  

  19. CSSを使用したテキスト変換

    CSS text-transformプロパティを使用すると、要素のテキストの大文字化を設定できます。次の値を受け入れることができます：大文字、小文字、大文字、全幅、フルサイズの仮名、なし。 構文 CSStext-transformプロパティの構文は次のとおりです- Selector {    text-transform: /*value*/ } 例 次の例は、CSSテキスト変換プロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> h2 {    te

  20. CSSの標準リンクスタイル

    要件に応じてリンクのスタイルを設定できます。リンクには、通常のテキストと区別できるスタイルを設定することをお勧めします。さまざまなリンク状態のデフォルトのリンクスタイルは次のとおりです- リンク状態 色 アクティブ ＃EE0000 フォーカス ＃5E9ED6またはWindowsとMacの場合は、同様の青い輪郭の色合い、 ＃F07746 Linuxのアウトライン、テキストの色は同じまま ホバー ＃0000EE リンク ＃0000EE 訪問済み ＃551A8B 注 −上記の色は、新しいバージョンのブラウザで変更される場合があります。適切な機能のために、疑似セレク

Total 1566 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:17/79  20-コンピューター/Page Goto:1 11 12 13 14 15 16 17 18 19 20 21 22 23