Hoe CSS een browservenster te maken
- Previous page Full height element
- Next page Custom scrollbar
Learn how to use CSS to create a browser window instance.
Browser window
- Previous page Full height element
- Next page Custom scrollbar
Lesrooster Opbergdoos
Menu
- Pictogrammenbalk
- Menu pictogram
- Accordeon
- Tabbladen
- Verticale tabbladen
- Tabblad titel
- Volledige pagina tabbladen
- Hover tabbladen
- Top navigatie
- Responsive top navigatie
- Gesplitst navigatie
- Navigatiebalk met pictogrammen
- Zoekmenu
- Zoekbalk
- Vaste sidebalk
- Zijkant navigatie
- Responsive sidebalk
- Volledig scherm navigatie
- Menu buiten het canvas
- Hover navigatieknoppen aan de zijkant
- Sidebalk met pictogrammen
- Horizontaal scrollend menu
- Verticale menu
- Bodemnavigatie
- Responsieve bodemnavigatie
- Bodemrand navigatielinks
- Rechts uitgelijnde menu links
- Gecentreerde menu links
- Gelijke breedte menu links
- Vaste menu
- Navigatiebalk naar beneden schuiven bij scrollen
- Navigatiebalk verbergen bij scrollen
- Navigatiebalk verkleinen bij scrollen
- Geleefde navigatiebalk
- Navigatiebalk op afbeelding
- Hangend uitklapmenu
- Klik uitklapmenu
- Gecascadeerd uitklapmenu
- Uitklapmenu in bovenste navigatiebalk
- Uitklapmenu in zijbalk
- Responsieve navigatiebalk met uitklapmenu
- Subnavigatiemenu
- Uitklapmenu
- Supermenu
- Mobiele menu
- Doekmenu
- Vouwbare zijpaneel
- Vouwbare zijbalk
- Paginering
- Kruimelpad navigatie
- Knopgroep
- Verticale knopgroep
- Geleefde sociale kolom
- Pil navigatie
- Responsieve kop
Afbeelding
- Diavoorstelling
- Diavoorstelling galerij
- Modaal beeld
- Lichtbalk
- Responsieve afbeeldingsgrijs
- Afbeeldingsgrijs
- Afbeeldingsbibliotheek
- Scrollbare afbeeldingsbibliotheek
- Tabbladen afbeeldingsbibliotheek
- Afbeeldingsoverlappend uitdoven
- Afbeeldingsoverlappend schuiven
- Afbeeldingsoverlappend zoomen
- Afbeeldingsoverlappend titel
- Afbeeldingsoverlappend pictogram
- Afbeeldingseffect
- Zwart-wit afbeelding
- Afbeeldingstekst
- Afbeeldingstekst blok
- Transparante afbeeldingstekst
- Volledige pagina afbeelding
- Formulier op afbeelding
- Focus afbeelding
- Vage achtergrond afbeelding
- Bachgrond wisselen bij scrollen
- Naastelbare afbeelding
- Ronde afbeelding
- Profielfoto
- Responsieve afbeelding
- Centrale afbeelding
- Miniatuur
- Afbeelding rand
- Team introductie
- Geleefde afbeelding
- Gevlakte afbeelding
- Trillende afbeelding
- Portfolio galerij
- Zoekbare portfolio
- Afbeelding zoomen
- Afbeelding vergroter
- Afbeelding vergelijking schuifbalk
- Website pictogram
Knop
- Waarschuwing knop
- Contour knop
- Splits knop
- Animatie knop
- Gebogen knop
- Knop op afbeelding
- Sociale media knop
- Meer lezen/veel minder lezen
- Laden knop
- Download knop
- Pil knop
- Melding knop
- Pictogram knop
- Volgende/voorgaande pagina knop
- Meer knop in navigatie
- Blokknop
- Tekst knop
- Ronde knop
- Terug naar boven knop
Formulier
- Inlog formulier
- Registratie formulier
- Afrekenen tabel
- Contact formulier
- Sociale login tabel
- Registratie formulier
- Iconische formulier
- Nieuwsabonnement
- Gestapelde formulier
- Responsief formulier
- Pop-up formulier
- Inline formulier
- Invoervak wissen
- Cijferpijl verbergen
- Tekst kopiëren naar het klembord
- Animatie zoek
- Zoek knop
- Volledig scherm zoeken
- Invoervak in navigatiebalk
- Inlogformulier in navigatiebalk
- Aangepaste keuzevak/keuzevakje
- Aangepaste keuzevak
- Schakelaar wisselen
- Selecteer keuzevak
- Hoofdletter vergrendeling detecteren
- Enter toets activeren knop
- Wachtwoord validatie
- Wachtwoord zichtbaarheid wisselen
- Meerdere stappen formulier
- Automatisch invullen
- Automatisch invullen sluiten
- Spellingcontrole sluiten
- Bestand upload knop
- Lege invoer validatie
Filter
Tabel
- Zebrastraat tabel
- Centrische tabel
- Volledige breedte tabel
- Geïntegreerde tabel
- Naadloze tabel
- Responsive tabel
- Contrastieve tabel
Meer
- Volledig scherm video
- Modaal venster
- Verwijder modaal venster
- Tijdlijn
- Scroll indicator
- Voortgangsbalk
- Vaardigheidsbalk
- Reeks schuifbalk
- Kleurensel
- E-mailveld
- Tooltip
- Elementen tonen bij hover
- Pop-up venster
- Klapbare inhoud
- Kalender
- HTML bevat
- Todo-lijst
- Lader
- Embleem
- Sterbeoordeling
- Gebruikersbeoordeling
- Overlappend effect
- Contactchip
- Kaart
- Omdraaiende kaart
- Profielkaart
- Productkaart
- Waarschuwing
- Informatievenster
- Aantekening
- Tag
- Strook
- Tagwolk
- Cirkel
- Styliseerde horizontale lijn
- Kortingsbon
- Lijstgroep
- Lijst met emblemen
- Lijst zonder itemtekens
- Responsive tekst
- Schaduwtekst
- Lichtend tekst
- Vaste voettekst
- Plakbare elementen
- Gelijkhoogte
- Floats wissen
- Responsive float
- Berichtenbalk
- Volledig schermvenster
- Scrollen tekenen
- Soepele scrollen
- Achtergrondverloop scrollen
- Plakbare hoofding
- Hoofding verkleinen bij scrollen
- Prijslijst
- Parallax scrollen
- Breedte-verhouding
- Responsive inline frame
- Vinden/ontvinden wisselen
- Verbergen/tonen wisselen
- Donkere modus wisselen
- Tekst wisselen
- Klasse wisselen
- Klasse toevoegen
- Klasse verwijderen
- Klasse wijzigen
- Actieve klasse
- Boomweergave
- Decimaal verwijderen
- Eigenschap verwijderen
- Offline detectie
- Verborgen elementen vinden
- Webpagina herleiden
- Getal formatteren
- Hover zoomen
- Omdraaiende doos
- Verticaal centreren
- Knop centreren in DIV
- Gecentreerde lijst
- Hover overgang
- Pijl
- Vorm
- Download link
- Full height element
- Browser window
- Custom scrollbar
- Schermbalk verbergen
- Scherm/verplichte schermbalk weergeven
- Apparaat uiterlijk
- Bord van bewerkbaar inhoud
- Placeholder kleur
- Tekst gebiedgrootte aanpassen uitschakelen
- Tekst selectie uitschakelen
- Tekst selectie kleur
- Itemtekens kleur
- Verticale lijn
- Splitsingslijn
- Tekst splitsingslijn
- Animatie pictogram
- Aftellen timer
- Typemachine-effect
- Aanstaande pagina
- Chatbericht
- Pop-up chatvenster
- Schermverdeling
- Klantbeoordeling
- Blok teller
- Citaatdiavoorstelling
- Sluitbare lijstitems
- Typische apparaatbreukpunten
- Draggable HTML-elementen
- JS media query
- Syntaxhighlighter
- JS animatie
- JS stringlengte
- JS exponentiële berekening
- JS standaardparameter
- JS willekeurige getallen
- JS numerieke array sorteren
- JS uitbreidingsoperator
- JS scrollen naar weergave
- Huidige datum ophalen
- Huidige URL ophalen
- Huidige schermgrootte ophalen
- Iframe-element ophalen
Grid
- Tweekolomindeling
- Driekolomindeling
- Vierkolomindeling
- Uitgebreide grid
- Lijst gridweergave
- Gemengde kolomindeling
- Kolomkaarten
- Z-windingspatroonindeling
- Blogindeling
Converter
Opbergdoos
Menu
- Pictogrammenbalk
- Menu pictogram
- Accordeon
- Tabbladen
- Verticale tabbladen
- Tabblad titel
- Volledige pagina tabbladen
- Hover tabbladen
- Top navigatie
- Responsive top navigatie
- Gesplitst navigatie
- Navigatiebalk met pictogrammen
- Zoekmenu
- Zoekbalk
- Vaste sidebalk
- Zijkant navigatie
- Responsive sidebalk
- Volledig scherm navigatie
- Menu buiten het canvas
- Hover navigatieknoppen aan de zijkant
- Sidebalk met pictogrammen
- Horizontaal scrollend menu
- Verticale menu
- Bodemnavigatie
- Responsieve bodemnavigatie
- Bodemrand navigatielinks
- Rechts uitgelijnde menu links
- Gecentreerde menu links
- Gelijke breedte menu links
- Vaste menu
- Navigatiebalk naar beneden schuiven bij scrollen
- Navigatiebalk verbergen bij scrollen
- Navigatiebalk verkleinen bij scrollen
- Geleefde navigatiebalk
- Navigatiebalk op afbeelding
- Hangend uitklapmenu
- Klik uitklapmenu
- Gecascadeerd uitklapmenu
- Uitklapmenu in bovenste navigatiebalk
- Uitklapmenu in zijbalk
- Responsieve navigatiebalk met uitklapmenu
- Subnavigatiemenu
- Uitklapmenu
- Supermenu
- Mobiele menu
- Doekmenu
- Vouwbare zijpaneel
- Vouwbare zijbalk
- Paginering
- Kruimelpad navigatie
- Knopgroep
- Verticale knopgroep
- Geleefde sociale kolom
- Pil navigatie
- Responsieve kop
Afbeelding
- Diavoorstelling
- Diavoorstelling galerij
- Modaal beeld
- Lichtbalk
- Responsieve afbeeldingsgrijs
- Afbeeldingsgrijs
- Afbeeldingsbibliotheek
- Scrollbare afbeeldingsbibliotheek
- Tabbladen afbeeldingsbibliotheek
- Afbeeldingsoverlappend uitdoven
- Afbeeldingsoverlappend schuiven
- Afbeeldingsoverlappend zoomen
- Afbeeldingsoverlappend titel
- Afbeeldingsoverlappend pictogram
- Afbeeldingseffect
- Zwart-wit afbeelding
- Afbeeldingstekst
- Afbeeldingstekst blok
- Transparante afbeeldingstekst
- Volledige pagina afbeelding
- Formulier op afbeelding
- Focus afbeelding
- Vage achtergrond afbeelding
- Bachgrond wisselen bij scrollen
- Naastelbare afbeelding
- Ronde afbeelding
- Profielfoto
- Responsieve afbeelding
- Centrale afbeelding
- Miniatuur
- Afbeelding rand
- Team introductie
- Geleefde afbeelding
- Gevlakte afbeelding
- Trillende afbeelding
- Portfolio galerij
- Zoekbare portfolio
- Afbeelding zoomen
- Afbeelding vergroter
- Afbeelding vergelijking schuifbalk
- Website pictogram
Knop
- Waarschuwing knop
- Contour knop
- Splits knop
- Animatie knop
- Gebogen knop
- Knop op afbeelding
- Sociale media knop
- Meer lezen/veel minder lezen
- Laden knop
- Download knop
- Pil knop
- Melding knop
- Pictogram knop
- Volgende/voorgaande pagina knop
- Meer knop in navigatie
- Blokknop
- Tekst knop
- Ronde knop
- Terug naar boven knop
Formulier
- Inlog formulier
- Registratie formulier
- Afrekenen tabel
- Contact formulier
- Sociale login tabel
- Registratie formulier
- Iconische formulier
- Nieuwsabonnement
- Gestapelde formulier
- Responsief formulier
- Pop-up formulier
- Inline formulier
- Invoervak wissen
- Cijferpijl verbergen
- Tekst kopiëren naar het klembord
- Animatie zoek
- Zoek knop
- Volledig scherm zoeken
- Invoervak in navigatiebalk
- Inlogformulier in navigatiebalk
- Aangepaste keuzevak/keuzevakje
- Aangepaste keuzevak
- Schakelaar wisselen
- Selecteer keuzevak
- Hoofdletter vergrendeling detecteren
- Enter toets activeren knop
- Wachtwoord validatie
- Wachtwoord zichtbaarheid wisselen
- Meerdere stappen formulier
- Automatisch invullen
- Automatisch invullen sluiten
- Spellingcontrole sluiten
- Bestand upload knop
- Lege invoer validatie
Filter
Tabel
- Zebrastraat tabel
- Centrische tabel
- Volledige breedte tabel
- Geïntegreerde tabel
- Naadloze tabel
- Responsive tabel
- Contrastieve tabel
Meer
- Volledig scherm video
- Modaal venster
- Verwijder modaal venster
- Tijdlijn
- Scroll indicator
- Voortgangsbalk
- Vaardigheidsbalk
- Reeks schuifbalk
- Kleurensel
- E-mailveld
- Tooltip
- Elementen tonen bij hover
- Pop-up venster
- Klapbare inhoud
- Kalender
- HTML bevat
- Todo-lijst
- Lader
- Embleem
- Sterbeoordeling
- Gebruikersbeoordeling
- Overlappend effect
- Contactchip
- Kaart
- Omdraaiende kaart
- Profielkaart
- Productkaart
- Waarschuwing
- Informatievenster
- Aantekening
- Tag
- Strook
- Tagwolk
- Cirkel
- Styliseerde horizontale lijn
- Kortingsbon
- Lijstgroep
- Lijst met emblemen
- Lijst zonder itemtekens
- Responsive tekst
- Schaduwtekst
- Lichtend tekst
- Vaste voettekst
- Plakbare elementen
- Gelijkhoogte
- Floats wissen
- Responsive float
- Berichtenbalk
- Volledig schermvenster
- Scrollen tekenen
- Soepele scrollen
- Achtergrondverloop scrollen
- Plakbare hoofding
- Hoofding verkleinen bij scrollen
- Prijslijst
- Parallax scrollen
- Breedte-verhouding
- Responsive inline frame
- Vinden/ontvinden wisselen
- Verbergen/tonen wisselen
- Donkere modus wisselen
- Tekst wisselen
- Klasse wisselen
- Klasse toevoegen
- Klasse verwijderen
- Klasse wijzigen
- Actieve klasse
- Boomweergave
- Decimaal verwijderen
- Eigenschap verwijderen
- Offline detectie
- Verborgen elementen vinden
- Webpagina herleiden
- Getal formatteren
- Hover zoomen
- Omdraaiende doos
- Verticaal centreren
- Knop centreren in DIV
- Gecentreerde lijst
- Hover overgang
- Pijl
- Vorm
- Download link
- Full height element
- Browser window
- Custom scrollbar
- Schermbalk verbergen
- Scherm/verplichte schermbalk weergeven
- Apparaat uiterlijk
- Bord van bewerkbaar inhoud
- Placeholder kleur
- Tekst gebiedgrootte aanpassen uitschakelen
- Tekst selectie uitschakelen
- Tekst selectie kleur
- Itemtekens kleur
- Verticale lijn
- Splitsingslijn
- Tekst splitsingslijn
- Animatie pictogram
- Aftellen timer
- Typemachine-effect
- Aanstaande pagina
- Chatbericht
- Pop-up chatvenster
- Schermverdeling
- Klantbeoordeling
- Blok teller
- Citaatdiavoorstelling
- Sluitbare lijstitems
- Typische apparaatbreukpunten
- Draggable HTML-elementen
- JS media query
- Syntaxhighlighter
- JS animatie
- JS stringlengte
- JS exponentiële berekening
- JS standaardparameter
- JS willekeurige getallen
- JS numerieke array sorteren
- JS uitbreidingsoperator
- JS scrollen naar weergave
- Huidige datum ophalen
- Huidige URL ophalen
- Huidige schermgrootte ophalen
- Iframe-element ophalen
Grid
- Tweekolomindeling
- Driekolomindeling
- Vierkolomindeling
- Uitgebreide grid
- Lijst gridweergave
- Gemengde kolomindeling
- Kolomkaarten
- Z-windingspatroonindeling
- Blogindeling
Converter
Optieel vak
Aanbevolen cursus:
Aanbevolen cursus:
Toolbox
JavaScript and HTML DOM reference manual
JavaScript examples
JavaScript quiz
Advanced JavaScript tutorial
JavaScript and HTML DOM reference manual
JavaScript examples
JavaScript quiz
Advanced JavaScript tutorial
Sponsor links
The content provided by CodeW3C.com is for training and testing purposes only and does not guarantee the accuracy of the content. The risks associated with the use of this site's content are not related to this site. All rights reserved.
About CodeW3C.com
Help CodeW3C.com
Terms of use
Privacy terms
