Wtorek, 2019-12-10, 5:11 PM                    
Jesteś zalogowany jako Gość | Grupa "Goście"Witaj Gość | RS
Smak chwil
Główna » Pliki » Dodatki na strony » Przydatne do prowadzenia stron

Zaokrąglenie
2015-03-17, 8:46 PM
 

 

Zaokrąglenie

(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome)

  1. Zaokrąglenie górnego-lewego narożnika:
    selektor { border-top-left-radius: zaokrąglenie }
  2. Zaokrąglenie górnego-prawego narożnika:
    selektor { border-top-right-radius: zaokrąglenie }
  3. Zaokrąglenie dolnego-prawego narożnika:
    selektor { border-bottom-right-radius: zaokrąglenie }
  4. Zaokrąglenie dolnego-lewego narożnika:
    selektor { border-bottom-left-radius: zaokrąglenie }

We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów].

Natomiast "zaokrąglenie" określa promień wyrażony w
jednostkach długości albo w procentach (względem obszaru obramowania - zobacz: Model pudełkowy). Możliwe jest tutaj podanie:

  • jednej wartości - zaokrąglenie symetryczne
  • dwóch wartości - pierwsza określa poziomy promień ćwiartki elipsy zaokrąglenia, a druga - pionowy

Promienie zaokrąglenia ćwiartki elipsy

Źródło: CSS Backgrounds and Borders Module Level 3

Zaokrąglone narożniki to bardzo ciekawy efekt wizualny, który może zwiększyć estetykę strony. Co ciekawe, element wcale nie musi mieć obramowania, aby miał zaokrąglone narożniki. Wystarczy jeśli będzie miał ustalone jakieś tło, aby efekt był widoczny na ekranie. Ale uwaga: tekst wewnątrz elementu nie zostanie zawinięty do zaokrąglonych rogów. Jeśli promień zaokrąglenia będzie zbyt duży, tekst wyjdzie na zewnątrz.

 

 

Kategoria: Przydatne do prowadzenia stron | Dodał: fiolka
Wyświetleń: 473 | Pobrań: 0 | Rating: 0.0/0
Liczba wszystkich komentarzy: 0
Imię *:
Email *:
Kod *:
| Główna |
| Rejestracja |
| Wejdź |
Menu witryny
Formularz logowania
Kategorie sekcji
linie z czcionki [11]
Zegary [5]
Ramki [1]
Separatory [33]
Spadające przedmioty [6]
Kolory htlm [6]
Kody do ramek [20]
Czcionki [1]
Przydatne do prowadzenia stron [27]
Dodatki [14]
Tła [1]
Wyszukiwanie
Mini-czat
Przyjaciele witryny
  • Załóż darmową stronę
  • Internetowy pulpit
  • Darmowe gry online
  • Szkolenia wideo
  • Wszystkie znaczniki HTML
  • Zestawy przeglądarek
  • Statystyki

    Ogółem online: 1
    Gości: 1
    Użytkowników: 0
    Copyright MyCorp
    © 2019