CSS

 Computer >> コンピューター >  >> プログラミング >> CSS
  1. CSSを使用して、フレックスアイテムが残りのフレックスアイテムと比較してどれだけ大きくなるかを設定します

    flex-growプロパティを使用して、フレックスアイテムのサイズを大きくします。 1つ以上のフレックスアイテムで使用してください。 例 次のコードを実行して、flex-growプロパティを実装してみてください。ここで、Q3フレックスアイテムは他のアイテムよりも大きいです- <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {     &n

  2. CSSを使用して、フレックスアイテムが残りのフレックスアイテムと比較してどれだけ縮小するかを指定します

    フレックスシュリンク プロパティはフレックスアイテムを縮小します。 次のコードを実行して、CSSflex-shrinkプロパティを実装してみてください。 例 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;     &nb

  3. CSSを使用してフレックスアイテムの初期の長さを設定します

    flex-basisCSSプロパティを使用してフレックスアイテムの長さを設定します。 例 次のコードを実行して、flex-basisプロパティを実装してみてください- <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;    

  4. CSSでアニメーション化された背景

    @keyframesを使用してアニメーション化します。 CSSを使用してバックグラウンドでアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 400px;         &

  5. CSSを使用してbackground-colorプロパティでアニメーションを実行します

    CSSを使用してbackground-colorプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 400px;             he

  6. CSSを使用してbackground-positionプロパティでアニメーションを実行する

    @keyframesを使用して、背景の位置をアニメーション化します。 CSSを使用してbackground-positionプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 500px;  

  7. CSSタブサイズプロパティ

    tab-sizeを使用します タブ文字の幅を設定するCSSのプロパティ。次のコードを実行して、tab-sizeプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             tab-size: 12;         &nbs

  8. CSSでタブ文字の幅を設定する

    タブサイズを使用します タブ文字の幅を設定するCSSのプロパティ。次のコードを実行して、tab-sizeプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             tab-size: 12;          }

  9. CSSunicode-bidiプロパティ

    Unicode-bidiプロパティを使用して、CSSで複数の言語をサポートするためにテキストをオーバーライドするかどうかを設定します 例 <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {             direction: rtl;          

  10. CSSで複数の言語をサポートするためにテキストをオーバーライドするかどうかを設定します

    unicode-bdiプロパティを使用して、CSSで複数の言語をサポートするためにテキストをオーバーライドするかどうかを設定します 例 <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {             direction: rtl;          

  11. CSSを使用してフレックスアイテムを垂直に設定する

    フレックスアイテムを垂直に設定するには、 flex-directionを使用します 財産。次のコードを実行して、フレックスアイテムを垂直に表示してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;     &n

  12. CSSを使用してフレックスアイテムを下から上に垂直に設定します

    flex-directionを使用します column-reverseのプロパティ フレックスアイテムを上から下に垂直に設定する値 例 次のコードを実行して、列反転値を実装してみてください- <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;

  13. CSSgrid-row-startプロパティの使用

    CSSgrid-row-startプロパティを使用してgrid-itemsを開始する場所を設定します。 次のコードを実行して、grid-row-startプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          .container {             display: grid; &nb

  14. CSSgrid-auto-rowsプロパティの使用

    grid-auto-rowsプロパティを使用して、行のサイズを設定します。 例 次のコードを実行して、grid-auto-rowsプロパティを実装してみてください- <!DOCTYPE html> <html>    <head>       <style>          .container {             display: grid;     &n

  15. CSSを使用してフレックスアイテムを右から左に水平に設定します

    flex-directionを使用します フレックスアイテムを右から左に水平に設定するためのrow-reverse値を持つプロパティ。 例 次のコードを実行して、行反転を実装してみてください。 値 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex

  16. CSSnav-leftプロパティ

    nav-leftプロパティは、キーパッドの左矢印ボタンを押したときに左に移動するために使用されます。次のコードを実行して、CSSnav-leftプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          button {             position: absolute;   &

  17. CSSボーダートッププロパティをアニメートする

    CSSを使用してborder-topプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          table,th,td {             border: 1px solid black;         &nb

  18. Radial-gradient（）CSS関数の使用

    Radial-gradient（）CSS関数を使用して、背景画像として放射状グラデーションを設定します。次のコードを実行して、CSSでlinear-gradient（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;  

  19. CSSのborder-bottom-colorプロパティでアニメーションを実行する

    CSSを使用してborder-bottom-colorプロパティにアニメーションを実装するには、次のコードを実行してみてください 例 <!DOCTYPE html> <html> <head> <style>    div {       width: 500px;       height: 400px;       background: yellow;       border: 10px soli

  20. CSSのflex-basisプロパティをアニメーション化する

    フレックスベースでアニメーションを実装するには CSSを使用したプロパティでは、次のコードを実行してみることができます 例 <!DOCTYPE html> <html> <head> <style>    .box {       display: flex;       background-color: green;    }    .box > div {       backgro

Total 1566 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:35/79  20-コンピューター/Page Goto:1 29 30 31 32 33 34 35 36 37 38 39 40 41