border right - Kurs HTML i CSS
Aktualizacja / System newsów...14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited { background: silver; /* tło tytułu */ color: #505050; /* kolor tytułu...
Menu w CSS / Menu z nagłówkami...dl a:link, dl a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } dl a:hover { border-style: inset; padding: 7px 3px 3px 7px; } CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd { display: block; margin: 0; padding: 0; } dl { width: 200px; padding: 1px 2px; background-color: #9ce; border: 3px double #28e; } dt { padding: 7px 15px...
- Galeria zdjęć HTML / Skrypt galerii zdjęć
...top: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }; var buttonStyle = { border: 0, padding: 0, lineHeight: 1, color: '#000', background: 'rgba(255, 255, 255, 0.5)', cursor: 'pointer' }; var navigationStyle = { fontSize: '50px', width: '75px', height: '75px', borderRadius: '50%', position: 'absolute', fontWeight: 'bold' }; var style = { container: { position: 'fixed...
- Obramowanie CSS / Styl obramowania {border-...-style}
Styl górnego obramowania: selektor { border-top-style: styl } Styl dolnego obramowania: selektor { border-bottom-style: styl } Styl lewego obramowania: selektor { border-left-style: styl } Styl prawego obramowania: selektor { border-right-style: styl } We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obramowania Przykład border-top-style: none hidden - ukryte...
- Obramowanie CSS / Szerokość obramowania {border-...-width}
Szerokość górnego obramowania: selektor { border-top-width: szerokość } Szerokość dolnego obramowania: selektor { border-bottom-width: szerokość } Szerokość lewego obramowania: selektor { border-left-width: szerokość } Szerokość prawego obramowania: selektor { border-right-width: szerokość } We wszystkich przypadkach Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "szerokość" należy podać: thin - cienkie obramowanie...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...stylów nakładają się lub są ze sobą sprzeczne. Pozioma pozycja i szerokość niepływających elementów blokowych jest ustalana przez własności margin, border, padding i width. Suma tych wartości (z lewej i z prawej strony) równa się szerokości bloku, który zawiera dany element; szerokość jest dziedziczona z obejmującego bloku. Nie można zmienić szerokości obejmującego (zewnętrznego) bloku poprzez zmianę wartości margin, border, padding lub width dla bloku wewnętrznego. Kiedy określamy wartości...
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) Zaokrąglenie górnego-lewego narożnika: selektor { border-top-left-radius: zaokrąglenie } Zaokrąglenie górnego-prawego narożnika: selektor { border-top-right-radius: zaokrąglenie } Zaokrąglenie dolnego-prawego narożnika: selektor { border-bottom-right-radius: zaokrąglenie } Zaokrąglenie dolnego-lewego narożnika: selektor { border-bottom-left-radius: zaokrąglenie } We wszystkich przypadkach selektorem może być dowolny...
- Obramowanie CSS / Kolor obramowania {border-...-color}
Kolor górnego obramowania: selektor { border-top-color: kolor } Kolor dolnego obramowania: selektor { border-bottom-color: kolor } Kolor lewego obramowania: selektor { border-left-color: kolor } Kolor prawego obramowania: selektor { border-right-color: kolor } We wszystkich przypadkach jako "kolor" należy podać definicję koloru. [Zobacz także: Wstawianie stylów] Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij...
- Oprawa graficzna / "Duszki" CSS
...</ul> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid #797;} ul a:hover { background-color...
Komendy HTML 4.01 / Elementy zdeprecjonowane...APPLET OBJECT archive APPLET OBJECT background BODY CSS: background-image bgcolor BODY, TABLE, TD, TH, TR CSS: background-color border IMG, OBJECT CSS: border-width clear BR CSS: clear code APPLET OBJECT codebase APPLET OBJECT color BASEFONT, FONT CSS: color compact DIR, DL, MENU, OL, UL CSS: margin-top, margin-bottom, line-height face BASEFONT, FONT CSS: font-family height APPLET OBJECT height TD, TH CSS: height hspace APPLET...