style obramowania - Kurs HTML i CSS
Obramowanie CSS / Styl obrysu {outline-style}selektor { outline-style: styl } Selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obrysu. Przykład outline-style: none dashed - linia kreskowa. Przykład outline-style: dashed dotted - linia kropkowa. Przykład outline-style: dotted solid - linia ciągła. Przykład outline-style: solid double - linia ciągła podwójna. Przykład outline-style: double groove - "rowek". Przykład...
Tabele HTML / Struktura tabeli HTML <table, tr, td>...nie zostanie rozciągnięta, ale ustawi się po lewej stronie ekranu. Aby wyśrodkować taką wąską tabelę, można się posłużyć następującym kodem: <table style="margin: auto">...</table>.
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...zwykły margines (margin). Aby zrozumieć, jaka jest różnica pomiędzy zwykłym a wewnętrznym marginesem, spójrz na poniższy przykład: Po wpisaniu: <p style="background-color: silver; margin: 1cm; padding: 5mm">...</p> Otrzymamy: To jest akapit z określonym marginesem zewnętrznym - 1cm (to ta odległość między brzegami strony (także sąsiadującymi elementami) a zewnętrznymi krawędziami szarego prostokąta). Natomiast margines wewnętrzny wynosi 5mm (to ta odległość między krawędziami szarego...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...Opera 11-12 i 37, Chrome 50) Kolor: selektor { column-rule-color: kolor } gdzie "kolor" jest definicją koloru Styl: selektor { column-rule-style: styl } gdzie "styl" określa się identycznie jak w przypadku obramowania Szerokość: selektor { column-rule-width: szerokość } gdzie "szerkość" określa się identycznie jak w przypadku obramowania Atrybuty mieszane: selektor { column-rule: wartości atrybutów } Jako "wartości atrybutów" podaje się rozdzielone spacjami wartości...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
Po co w ogóle stosować style CSS? Czy warto poświęcać czas na naukę poleceń, które w większości przypadków istnieją również bezpośrednio w składni HTML? Otóż ja uważam, że warto. Dlaczego? Najważniejsze zalety płynące ze stosowania stylów opiszę poniżej, a jeśli i to Cię nie przekona, radzę poszukać sobie bardziej przydatnego zajęcia (np. szydełkowanie z wykorzystaniem techniki haftu ozdobnego 😉). Style stały się już praktycznie podstawowym narzędziem formatującym. Jeśli poważnie myślisz o...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...komórka4 komórka5 komórka6 komórka7 komórka8 komórka9 table-layout: fixed; width: 100% komórka1 Sposób na Firefoxa i Operę 9: <div style="overflow: hidden"> Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce___Część_treści_tej_komórki_nie_mieści_się_w_komórce </div> komórka3 komórka4 komórka5 komórka6 komórka7...
- Komendy CSS 2 / border-top, border-right, border-bottom, border-left
WARTOŚĆ [ <'border-width'> || <'border-style'> || <kolor> ] | inherit OPIS Atrybuty mieszane górnego/prawego/dolnego/lewego obramowania INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / border-top-style, border-right-style, border-bottom-style, border-left-style
WARTOŚĆ <border-style> | inherit OPIS Atrybuty mieszane stylu górnego/prawego/dolnego/lewego obramowania INICJALIZACJA none ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy HTML 4.01 / FRAME
...Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami FRAMEBORDER="obramowanie" Informacje na temat obramowania: 0 - pomiędzy sąsiadującymi ramkami nie będzie separatora 1 - separator pomiędzy sąsiadującymi ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LONGDESC="adres" Odnośnik do długiego opisu ramki MARGINHEIGHT="piksela" Wysokość górnego i dolnego marginesu w ramce (w...
- Komendy HTML 4.01 / IFRAME
...Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami FRAMEBORDER="obramowanie" Informacje na temat obramowania: 0 - pomiędzy sąsiadującymi ramkami nie będzie separatora 1 - separator pomiędzy sąsiadującymi ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie HEIGHT="długość" Wysokość ramki w pikselach lub w procentach LONGDESC="adres" Odnośnik do długiego opisu ramki...