JQerleger: border-style:dashed;

Hallo,

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Zwei Möglichkeiten:

  1. ich bin blind und seh den Wald vor lauter Bäumen nicht
  2. es gibt einfach keine CSS-Notireung dafür

Hier kann und will mir sicher gerne jemand sagen welche Möglichkeit die richtige ist.

:(

akzeptierte Antworten

  1. Hallo

    ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

    1. ich bin blind und seh den Wald vor lauter Bäumen nicht
    2. es gibt einfach keine CSS-Notireung dafür

    Hier kann und will mir sicher gerne jemand sagen welche Möglichkeit die richtige ist.

    2

    Tschö, Auge

    --
    Wo wir Mängel selbst aufdecken, kann sich kein Gegner einnisten.
    Wolfgang Schneidewind *prust*
    1. @Auge: Der Schneidewind heißt nicht Wolfgang sondern Günter. SCNR ;)

    2. @@Auge

      1. ich bin blind und seh den Wald vor lauter Bäumen nicht
      2. es gibt einfach keine CSS-Notireung dafür

      2

      Level 4 könnte das ändern.

      LLAP 🖖

      --
      “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
  2. Hi,

    ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

    Evtl. border-image verwenden.

    cu,
    Andreas a/k/a MudGuard

    1. Servus!

      ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

      Oder SVG mit stroke-dasharray

      Herzliche Grüße

      Matthias Scharwies

      --
      Es gibt viel zu tun: ToDo-Liste
      1. Danke euch allen.

        stroke-dasharray werde ich mir auf jeden Fall genauer ansehen.

        Leve4 sieht ja schon mal interessant aus ist ja aber leider doch noch zu jung.

        border-image verwenden verwenden ist keine Option mehr.

        Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

        Herzlichen Dank nochmal an euch

        JQuerleger

        1. @@JQerleger

          border-image verwenden verwenden ist keine Option mehr.

          Warum nicht? Als border-image kann man auch linear-gradient verwenden. Den kann man aber auch als background-image verwenden und damit in Verbindung mit background-size das Gewünschte erreichen.

          Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

          Wenn du damit zusätzliche Elemente im HTML meinst: Nein. Einfach nur nein.

          LLAP 🖖

          --
          “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
          1. Hallo Gunnar Bittersmann,

            @@JQerleger

            Warum nicht? Als border-image kann man auch linear-gradient verwenden. Den kann man aber auch als background-image verwenden und damit in Verbindung mit background-size das Gewünschte erreichen.

            Ergänzung:

            Bis demnächst
            Matthias

            --
            Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
            1. @@Matthias Apsel

              Was soll das denn im Wiki?

              1. Man sollte Flaggen nicht mit CSS malen; dafür ist SVG da.

                Und wenn man es doch macht, sollte man drauf hinweisen, dass man das nicht tun sollte.

              2. Die Flaggen sind fehlerhaft: Proportionen und Farben stimmen nicht.

              3. Wenn man schon Flaggen mit CSS-Gradienten malen will, dann doch bitte auch die Sonne in der Flagge Namibias!

              LLAP 🖖

              --
              “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
              1. Hallo Gunnar Bittersmann,

                1. Man sollte Flaggen nicht mit CSS malen; dafür ist SVG da.

                  Und wenn man es doch macht, sollte man drauf hinweisen, dass man das nicht tun sollte.

                2. Die Flaggen sind fehlerhaft: Proportionen und Farben stimmen nicht.

                3. Wenn man schon Flaggen mit CSS-Gradienten malen will, dann doch bitte auch die Sonne in der Flagge Namibias!

                Ich geb dir 3 <I>.

                Bis demnächst
                Matthias

                --
                Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
                1. @@Matthias Apsel

                  Bitte zitiere richtig und reiße meine Aussagen nicht aus dem Zusammenhang! ;-)

                  Den entscheidenden Teil hast du unterschlagen:

                  Was soll das denn im Wiki?

                  .

                  Ich geb dir 3 <I>.

                  Das wäre also nur nur ein <I>: das Beispiel aus dem Wiki zu entfernen.

                  LLAP 🖖

                  --
                  “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
                  1. Hallo Gunnar Bittersmann,

                    Bitte zitiere richtig und reiße meine Aussagen nicht aus dem Zusammenhang! ;-)

                    Den entscheidenden Teil hast du unterschlagen:

                    Was soll das denn im Wiki?

                    Das habe ich nicht so interpretiert ;-)

                    Bis demnächst
                    Matthias

                    --
                    Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
                    1. @@Matthias Apsel

                      Was soll das denn im Wiki?

                      Das habe ich nicht so interpretiert ;-)

                      War aber so gemeint.

                      Im Wiki sollten nur sinnvolle Beispiele stehen, denn Leute nehmen sich daran ein Beispiel. Heißt: sie verwenden das so oder machen’s so nach.

                      Ja, so in der Art dachte ich das. Nur eben in alle vier Himmelsrichtungen.

                      LLAP 🖖

                      --
                      “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
        2. Hallo JQerleger,

          Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

          keine gute Idee. Unterstreichung mit linear-gradient()

          Bis demnächst
          Matthias

          --
          Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
    2. @@MudGuard

      ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

      Evtl. border-image verwenden.

      Meinst du mit linear-gradient?

      Evtl. background-image verwenden.

      LLAP 🖖

      --
      “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
      1. Ihr seid ja ganz schön zäh hier :)

        Alles klar: ich werde mein bestes geben und mir Unterstreichungen mit linear-gradient() genau anschauen. Irgendwie werd ich mich da reintasten.

        JQuerleger

        1. @@JQerleger

          Ihr seid ja ganz schön zäh hier :)

          Alles klar: ich werde mein bestes geben und mir Unterstreichungen mit linear-gradient() genau anschauen. Irgendwie werd ich mich da reintasten.

          Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

          LLAP 🖖

          --
          “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
          1. @@JQerleger Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

            LLAP 🖖

            Das sieht gut aus, ist aber eher nichts für meine reine Foto-Seite. Da möcht ich so wenig wie möglich Bewegung drin haben. Aber wer weis?!

            JQuerleger

            1. @@JQerleger

              Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

              Das sieht gut aus, ist aber eher nichts für meine reine Foto-Seite. Da möcht ich so wenig wie möglich Bewegung drin haben. Aber wer weis?!

              ?? Was hätten multiple backgrounds mit Bewegung zu tun?

              LLAP 🖖

              --
              “I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.” —Estelle Weyl
              1. ?? Was hätten multiple backgrounds mit Bewegung zu tun?

                LLAP 🖖

                Sorry, abe rich hatte hier im Forum einfach mal nur kurz die SuFu benutzt: multiple backgrounds und war ganz schlicht davon ausgegangen, dass das Beispiel aussagt -> multiple background = bewegt.

                Bitte ein klein wenig Nachsicht ich bin erst 57, kein Webdesigner und will auch keiner mehr werden. Aber wenn ich schon eine Seite für mich mache, möchte ich ganz gerne wissen was dahinter steckt. Auch wenn davon einiges so Fachchinesisch ist, das es der Olle eh nicht mehr kapieren kann :)

                JQuerleger

                1. Servus!

                  ?? Was hätten multiple backgrounds mit Bewegung zu tun?

                  LLAP 🖖 Sorry, abe rich hatte hier im Forum einfach mal nur kurz die SuFu benutzt: multiple backgrounds und war ganz schlicht davon ausgegangen, dass das Beispiel aussagt -> multiple background = bewegt.

                  Normal hätte ich auf das Wiki verwiesen, aber da war es bis eben nur mit der deutschen Bezeichnung zu finden.

                  Unter multiple backgrounds versteht man eigentlich nur das Stapeln, aber wie du richtg erkannt hast, animieren manche diese Ebenen zu einem Effekt, den man Parallax nannte und der damals (2014) ziemlich in war.

                  Bitte ein klein wenig Nachsicht ich bin erst 57, kein Webdesigner und will auch keiner mehr werden. Aber wenn ich schon eine Seite für mich mache, möchte ich ganz gerne wissen was dahinter steckt.

                  Sehr guter Ansatz und hier wird dir hoffentlich geholfen!

                  Auch wenn davon einiges so Fachchinesisch ist, das es der Olle eh nicht mehr kapieren kann :)

                  Das ist unser Problem, dass wir immer wieder davon ausgehen, dass das doch alles normal ist, was wir so von uns geben. :-)

                  JQuerleger

                  Herzliche Grüße

                  Matthias Scharwies

                  --
                  Es gibt viel zu tun: ToDo-Liste
      2. Hi,

        ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

        Evtl. border-image verwenden.

        Meinst du mit linear-gradient?

        Ich hatte eher an eine SVG gedacht (linear-gradient hatte ich grade nicht auf dem Schirm)

        cu,
        Andreas a/k/a MudGuard